mirror of
https://github.com/tabler/tabler.git
synced 2025-12-23 18:34:25 +04:00
Compare commits
108 Commits
v1.0.0-alp
...
v1.0.0-alp
| Author | SHA1 | Date | |
|---|---|---|---|
|
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 | ||
|
|
0410d39ba9 | ||
|
|
b0b70bcda3 | ||
|
|
f00c4faa18 | ||
|
|
cbf94888e6 | ||
|
|
74e8e2086e | ||
|
|
6c0d8f7b7b | ||
|
|
09a0ea58a2 | ||
|
|
f1f56beefa | ||
|
|
c976ee9553 | ||
|
|
bebab5bd9d | ||
|
|
dde02732ef | ||
|
|
3cce1c5963 |
30
README.md
30
README.md
@@ -1,8 +1,9 @@
|
||||
|
||||
# Tabler
|
||||
|
||||
A premium and open source dashboard template with a responsive and high-quality UI.
|
||||
|
||||
<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>
|
||||
<a href="https://preview.tabler.io">View Demo</a> | <a href="https://github.com/tabler/tabler/archive/dev.zip">Download ZIP</a>
|
||||
|
||||
|
||||
|
||||
@@ -26,7 +27,7 @@ We've created this admin panel for everyone who wants to create templates based
|
||||
|
||||
## 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
|
||||
@@ -67,12 +68,35 @@ 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.
|
||||
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**:
|
||||
Run `npm run build` for reforms a one off build application without refresh.
|
||||
Open [http://localhost:3001](http://localhost:3001) to configure the Web server.
|
||||
|
||||
## Installation
|
||||
|
||||
Tabler is distributed via npm.
|
||||
|
||||
```sh
|
||||
npm install --save @tabler/core
|
||||
```
|
||||
|
||||
### CDN support
|
||||
|
||||
All files included in `@tabler/core` npm package are available over a CDN.
|
||||
|
||||
#### Javascript
|
||||
|
||||
```html
|
||||
<script src="https://unpkg.com/@tabler/core@latest/dist/js/tabler.min.js"></script>
|
||||
```
|
||||
|
||||
#### Styles
|
||||
|
||||
```html
|
||||
<link rel="stylesheet" href="https://unpkg.com/@tabler/core@latest/dist/css/tabler.min.css">
|
||||
```
|
||||
|
||||
## Feature requests
|
||||
|
||||
|
||||
@@ -10,6 +10,7 @@ keep_files:
|
||||
- playground.html
|
||||
|
||||
use-iconfont: false
|
||||
rtl: false
|
||||
|
||||
title: Tabler
|
||||
description: Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
@@ -19,7 +20,9 @@ changelog-url: https://github.com/tabler/tabler/releases
|
||||
sponsor-url: https://github.com/sponsors/codecalm
|
||||
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
|
||||
|
||||
debug: false
|
||||
|
||||
|
||||
429
demo/accordion.html
Normal file
429
demo/accordion.html
Normal file
@@ -0,0 +1,429 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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>Accordion - 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="page">
|
||||
<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 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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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 active 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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 active" 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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<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="./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="./page-headers.html" >
|
||||
Page headers
|
||||
</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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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…" aria-label="Search in website">
|
||||
</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">
|
||||
Accordion
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="accordion" id="accordion-example">
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading-1">
|
||||
<button class="accordion-button " type="button" data-bs-toggle="collapse" data-bs-target="#collapse-1" aria-expanded="true">
|
||||
Accordion Item #1
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse-1" class="accordion-collapse collapse show" data-bs-parent="#accordion-example">
|
||||
<div class="accordion-body pt-0">
|
||||
<strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading-2">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-2" aria-expanded="false">
|
||||
Accordion Item #2
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse-2" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
|
||||
<div class="accordion-body pt-0">
|
||||
<strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading-3">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-3" aria-expanded="false">
|
||||
Accordion Item #3
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse-3" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
|
||||
<div class="accordion-body pt-0">
|
||||
<strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="accordion-item">
|
||||
<h2 class="accordion-header" id="heading-4">
|
||||
<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-4" aria-expanded="false">
|
||||
Accordion Item #4
|
||||
</button>
|
||||
</h2>
|
||||
<div id="collapse-4" class="accordion-collapse collapse" data-bs-parent="#accordion-example">
|
||||
<div class="accordion-body pt-0">
|
||||
<strong>This is the fourth item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
</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.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -587,22 +599,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -615,8 +627,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
152
demo/all.html
152
demo/all.html
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -338,9 +350,9 @@
|
||||
<div class="card-body">
|
||||
<ul>
|
||||
<li>
|
||||
<a href="/robots.txt">
|
||||
<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
|
||||
<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>
|
||||
redirects.json
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
@@ -388,16 +400,37 @@
|
||||
layout-navbar-overlap.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/layout-navbar-sticky.html">
|
||||
layout-navbar-sticky.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/layout-vertical-right.html">
|
||||
layout-vertical-right.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/layout-vertical-transparent.html">
|
||||
layout-vertical-transparent.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/layout-vertical.html">
|
||||
layout-vertical.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/map-fullsize.html">
|
||||
map-fullsize.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/robots.txt">
|
||||
<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>
|
||||
robots.txt
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/search-results.html">
|
||||
search-results.html
|
||||
@@ -405,7 +438,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<a href="/sitemap.xml">
|
||||
<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>
|
||||
<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>
|
||||
sitemap.xml
|
||||
</a>
|
||||
</li>
|
||||
@@ -421,19 +454,18 @@
|
||||
</li>
|
||||
<li>
|
||||
<a href="/docs.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>
|
||||
<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>
|
||||
redirect.html
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/redirects.json">
|
||||
<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>
|
||||
redirects.json
|
||||
<a href="/accordion.html">
|
||||
Accordion
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/activity.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>
|
||||
<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>
|
||||
Activity
|
||||
</a>
|
||||
</li>
|
||||
@@ -472,6 +504,12 @@
|
||||
Charts
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/colors.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>
|
||||
Colors
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/dropdowns.html">
|
||||
Dropdowns
|
||||
@@ -483,13 +521,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/auth-lock.html">
|
||||
<a href="/forgot-password.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>
|
||||
Forgot password
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/forgot-password.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 href="/auth-lock.html">
|
||||
Forgot password
|
||||
</a>
|
||||
</li>
|
||||
@@ -505,7 +543,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<a href="/charts-heatmap.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>
|
||||
<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>
|
||||
Heatmap Charts
|
||||
</a>
|
||||
</li>
|
||||
@@ -535,7 +573,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/maintenance.html">
|
||||
<a href="/error-maintenance.html">
|
||||
Maintenance mode
|
||||
</a>
|
||||
</li>
|
||||
@@ -565,15 +603,20 @@
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/404.html">
|
||||
<a href="/error-404.html">
|
||||
Page 404
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/500.html">
|
||||
<a href="/error-500.html">
|
||||
Page 500
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/page-headers.html">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/pagination.html">
|
||||
Pagination
|
||||
@@ -591,13 +634,13 @@
|
||||
</li>
|
||||
<li>
|
||||
<a href="/sign-in.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>
|
||||
<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>
|
||||
Sign in
|
||||
</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="/sign-up.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>
|
||||
<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>
|
||||
Sign up
|
||||
</a>
|
||||
</li>
|
||||
@@ -608,7 +651,7 @@
|
||||
</li>
|
||||
<li>
|
||||
<a href="/terms-of-service.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>
|
||||
<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>
|
||||
@@ -646,22 +689,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -674,8 +717,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,11 +19,6 @@
|
||||
<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 border-top-wide border-primary d-flex flex-column">
|
||||
<div class="flex-fill d-flex flex-column justify-content-center py-4">
|
||||
@@ -58,8 +53,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<a class="dropdown-item" href="./empty.html" >
|
||||
Empty page
|
||||
</a>
|
||||
<a class="dropdown-item" href="./accordion.html" >
|
||||
Accordion
|
||||
</a>
|
||||
<a class="dropdown-item active" href="./blank.html" >
|
||||
Blank page
|
||||
</a>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -335,22 +347,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -363,8 +375,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -1106,22 +1118,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1134,8 +1146,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<a class="dropdown-item active" 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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -357,7 +369,7 @@
|
||||
<div class="col-auto">
|
||||
<a href="#">More information</a>
|
||||
</div>
|
||||
<div class="col-auto ml-auto">
|
||||
<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>
|
||||
@@ -375,7 +387,7 @@
|
||||
<!-- Card footer -->
|
||||
<div class="card-footer">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto ml-auto">
|
||||
<div class="col-auto ms-auto">
|
||||
<div class="avatar-list avatar-list-stacked">
|
||||
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<span class="avatar avatar-sm avatar-rounded">JL</span>
|
||||
@@ -400,7 +412,7 @@
|
||||
</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>
|
||||
<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>
|
||||
@@ -409,7 +421,7 @@
|
||||
Disabled
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<li class="nav-item ms-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>
|
||||
@@ -433,7 +445,7 @@
|
||||
</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>
|
||||
<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>
|
||||
@@ -442,7 +454,7 @@
|
||||
Disabled
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<li class="nav-item ms-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>
|
||||
@@ -578,22 +590,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -607,8 +619,5 @@
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.2/masonry.pkgd.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
176
demo/cards.html
176
demo/cards.html
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -337,6 +349,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12 border-0">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<p>This is a borderless card.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
@@ -373,7 +392,7 @@
|
||||
<div class="col-auto">
|
||||
<a href="#">More information</a>
|
||||
</div>
|
||||
<div class="col-auto ml-auto">
|
||||
<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>
|
||||
@@ -391,7 +410,7 @@
|
||||
<!-- Card footer -->
|
||||
<div class="card-footer">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto ml-auto">
|
||||
<div class="col-auto ms-auto">
|
||||
<div class="avatar-list avatar-list-stacked">
|
||||
<span class="avatar avatar-sm avatar-rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<span class="avatar avatar-sm avatar-rounded">JL</span>
|
||||
@@ -416,7 +435,7 @@
|
||||
</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>
|
||||
<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>
|
||||
@@ -425,7 +444,7 @@
|
||||
Disabled
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<li class="nav-item ms-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>
|
||||
@@ -449,7 +468,7 @@
|
||||
</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>
|
||||
<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>
|
||||
@@ -458,7 +477,7 @@
|
||||
Disabled
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<li class="nav-item ms-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>
|
||||
@@ -505,13 +524,13 @@
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<!-- Cards with tabs component -->
|
||||
<div class="card-tabs">
|
||||
<div class="card-tabs ">
|
||||
<!-- Cards navigation -->
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-2" class="nav-link" data-bs-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-3" class="nav-link" data-bs-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-4" class="nav-link" data-bs-toggle="tab">Tab 4</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<!-- Content of card #1 -->
|
||||
@@ -555,7 +574,57 @@
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<!-- Cards with tabs component -->
|
||||
<div class="card-tabs">
|
||||
<div class="card-tabs border-0">
|
||||
<!-- Cards navigation -->
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item"><a href="#tab-borderless-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-borderless-2" class="nav-link" data-bs-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-borderless-3" class="nav-link" data-bs-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-borderless-4" class="nav-link" data-bs-toggle="tab">Tab 4</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<!-- Content of card #1 -->
|
||||
<div id="tab-borderless-1" class="card tab-pane active show">
|
||||
<div class="card-body">
|
||||
<div class="card-title">Content of tab #1</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content of card #2 -->
|
||||
<div id="tab-borderless-2" class="card tab-pane">
|
||||
<div class="card-body">
|
||||
<div class="card-title">Content of tab #2</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content of card #3 -->
|
||||
<div id="tab-borderless-3" class="card tab-pane">
|
||||
<div class="card-body">
|
||||
<div class="card-title">Content of tab #3</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Content of card #4 -->
|
||||
<div id="tab-borderless-4" class="card tab-pane">
|
||||
<div class="card-body">
|
||||
<div class="card-title">Content of tab #4</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<!-- Cards with tabs component -->
|
||||
<div class="card-tabs ">
|
||||
<div class="tab-content">
|
||||
<!-- Content of card #1 -->
|
||||
<div id="tab-bottom-1" class="card tab-pane active show">
|
||||
@@ -596,10 +665,10 @@
|
||||
</div>
|
||||
<!-- Cards navigation -->
|
||||
<ul class="nav nav-tabs nav-tabs-bottom">
|
||||
<li class="nav-item"><a href="#tab-bottom-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-2" class="nav-link" data-bs-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-3" class="nav-link" data-bs-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-bottom-4" class="nav-link" data-bs-toggle="tab">Tab 4</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
@@ -706,7 +775,7 @@
|
||||
</div>
|
||||
<div class="col-12">
|
||||
<div class="card">
|
||||
<div class="card-status-left bg-primary"></div>
|
||||
<div class="card-status-start bg-primary"></div>
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Card with side status</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||
@@ -850,7 +919,7 @@
|
||||
<div class="card-footer">
|
||||
<div class="d-flex">
|
||||
<a href="#" class="btn btn-link">Cancel</a>
|
||||
<a href="#" class="btn btn-primary ml-auto">Go somewhere</a>
|
||||
<a href="#" class="btn btn-primary ms-auto">Go somewhere</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -866,22 +935,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -894,8 +963,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<a class="dropdown-item" href="./tables.html" >
|
||||
Tables
|
||||
</a>
|
||||
<a class="dropdown-item" href="./calendar.html" >
|
||||
Calendar
|
||||
</a>
|
||||
<a class="dropdown-item active" href="./carousel.html" >
|
||||
Carousel
|
||||
</a>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -334,22 +346,22 @@
|
||||
<h3 class="card-title">Carousel</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="carousel-default" class="carousel slide" data-ride="carousel">
|
||||
<div id="carousel-default" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/1b73704b282a8ec6.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<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/3d2998219313cd37.jpg">
|
||||
</div>
|
||||
<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/6ab3200b14549f8a.jpg">
|
||||
</div>
|
||||
<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/6d35d9a2bd6c63c2.jpg">
|
||||
</div>
|
||||
<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/8a26974ee6444acd.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -362,29 +374,29 @@
|
||||
<h3 class="card-title">Carousel with indicators</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="carousel-indicators" class="carousel slide" data-ride="carousel">
|
||||
<div id="carousel-indicators" class="carousel slide" data-bs-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-indicators" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-indicators" data-slide-to="1" class=""></li>
|
||||
<li data-target="#carousel-indicators" data-slide-to="2" class=""></li>
|
||||
<li data-target="#carousel-indicators" data-slide-to="3" class=""></li>
|
||||
<li data-target="#carousel-indicators" data-slide-to="4" class=""></li>
|
||||
<li data-bs-target="#carousel-indicators" data-bs-slide-to="0" class="active"></li>
|
||||
<li data-bs-target="#carousel-indicators" data-bs-slide-to="1" class=""></li>
|
||||
<li data-bs-target="#carousel-indicators" data-bs-slide-to="2" class=""></li>
|
||||
<li data-bs-target="#carousel-indicators" data-bs-slide-to="3" class=""></li>
|
||||
<li data-bs-target="#carousel-indicators" data-bs-slide-to="4" class=""></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/8c13ad59f739558c.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/8fdeb4785d2b82ef.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/9f36332564ca271d.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/35b88fc04a518c1b.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/36e273986ed577b8.jpg">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -397,29 +409,29 @@
|
||||
<h3 class="card-title">Carousel with controls</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="carousel-controls" class="carousel slide" data-ride="carousel">
|
||||
<div id="carousel-controls" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/75b555b99d5b38c4.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/546fd146c83f428c.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/802a16cdf5ce3551.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/0986f97be719fb9a.jpg">
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/1194d63fe36a8670.jpg">
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carousel-controls" role="button" data-slide="prev">
|
||||
<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-slide="next">
|
||||
<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>
|
||||
@@ -433,10 +445,10 @@
|
||||
<h3 class="card-title">Carousel with captions</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="carousel-captions" class="carousel slide" data-ride="carousel">
|
||||
<div id="carousel-captions" class="carousel slide" data-bs-ride="carousel">
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/1366fdc9b9b277e4.jpg">
|
||||
<div class="carousel-item-background d-none d-md-block"></div>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h3>Slide label</h3>
|
||||
@@ -444,7 +456,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/5358d787242861c4.jpg">
|
||||
<div class="carousel-item-background d-none d-md-block"></div>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h3>Slide label</h3>
|
||||
@@ -452,7 +464,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/5614ec7eb9034d04.jpg">
|
||||
<div class="carousel-item-background d-none d-md-block"></div>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h3>Slide label</h3>
|
||||
@@ -460,7 +472,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/56614e12b2a7bd68.jpg">
|
||||
<div class="carousel-item-background d-none d-md-block"></div>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h3>Slide label</h3>
|
||||
@@ -468,7 +480,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg" data-holder-rendered="true">
|
||||
<img class="d-block w-100" alt="" src="./static/photos/77586f6ffa9fbc5e.jpg">
|
||||
<div class="carousel-item-background d-none d-md-block"></div>
|
||||
<div class="carousel-caption d-none d-md-block">
|
||||
<h3>Slide label</h3>
|
||||
@@ -476,11 +488,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carousel-captions" role="button" data-slide="prev">
|
||||
<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-slide="next">
|
||||
<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>
|
||||
@@ -493,22 +505,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -521,8 +533,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="./docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="./docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="./docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="./docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Changelog</h1>
|
||||
</div>
|
||||
</div>
|
||||
@@ -573,22 +595,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -601,8 +623,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -365,22 +377,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -395,19 +407,6 @@
|
||||
<!-- 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,
|
||||
@@ -421,18 +420,18 @@
|
||||
},
|
||||
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() },
|
||||
{ name: "Jan", data: [{x: '1', y: 23},{x: '2', y: 14},{x: '3', y: 24},{x: '4', y: 90},{x: '5', y: 99},{x: '6', y: 28},{x: '7', y: 51},{x: '8', y: 51},{x: '9', y: 98},{x: '10', y: 61},{x: '11', y: 14},{x: '12', y: 51},{x: '13', y: 32},{x: '14', y: 84},{x: '15', y: 9},{x: '16', y: 2},] },
|
||||
{ name: "Feb", data: [{x: '1', y: 82},{x: '2', y: 87},{x: '3', y: 48},{x: '4', y: 15},{x: '5', y: 21},{x: '6', y: 23},{x: '7', y: 80},{x: '8', y: 34},{x: '9', y: 46},{x: '10', y: 8},{x: '11', y: 87},{x: '12', y: 80},{x: '13', y: 23},{x: '14', y: 81},{x: '15', y: 24},{x: '16', y: 51},] },
|
||||
{ name: "Mar", data: [{x: '1', y: 100},{x: '2', y: 52},{x: '3', y: 57},{x: '4', y: 80},{x: '5', y: 14},{x: '6', y: 82},{x: '7', y: 78},{x: '8', y: 16},{x: '9', y: 29},{x: '10', y: 97},{x: '11', y: 52},{x: '12', y: 78},{x: '13', y: 47},{x: '14', y: 10},{x: '15', y: 61},{x: '16', y: 34},] },
|
||||
{ name: "Apr", data: [{x: '1', y: 60},{x: '2', y: 33},{x: '3', y: 42},{x: '4', y: 20},{x: '5', y: 87},{x: '6', y: 100},{x: '7', y: 100},{x: '8', y: 16},{x: '9', y: 57},{x: '10', y: 80},{x: '11', y: 33},{x: '12', y: 100},{x: '13', y: 6},{x: '14', y: 51},{x: '15', y: 35},{x: '16', y: 16},] },
|
||||
{ name: "May", data: [{x: '1', y: 91},{x: '2', y: 81},{x: '3', y: 54},{x: '4', y: 98},{x: '5', y: 52},{x: '6', y: 60},{x: '7', y: 61},{x: '8', y: 99},{x: '9', y: 91},{x: '10', y: 36},{x: '11', y: 81},{x: '12', y: 61},{x: '13', y: 99},{x: '14', y: 80},{x: '15', y: 72},{x: '16', y: 16},] },
|
||||
{ name: "Jun", data: [{x: '1', y: 77},{x: '2', y: 99},{x: '3', y: 64},{x: '4', y: 0},{x: '5', y: 33},{x: '6', y: 91},{x: '7', y: 7},{x: '8', y: 51},{x: '9', y: 3},{x: '10', y: 28},{x: '11', y: 99},{x: '12', y: 7},{x: '13', y: 21},{x: '14', y: 78},{x: '15', y: 19},{x: '16', y: 99},] },
|
||||
{ name: "Jul", data: [{x: '1', y: 67},{x: '2', y: 84},{x: '3', y: 90},{x: '4', y: 4},{x: '5', y: 81},{x: '6', y: 77},{x: '7', y: 3},{x: '8', y: 39},{x: '9', y: 24},{x: '10', y: 23},{x: '11', y: 84},{x: '12', y: 3},{x: '13', y: 14},{x: '14', y: 100},{x: '15', y: 98},{x: '16', y: 51},] },
|
||||
{ name: "Aug", data: [{x: '1', y: 56},{x: '2', y: 81},{x: '3', y: 45},{x: '4', y: 37},{x: '5', y: 99},{x: '6', y: 67},{x: '7', y: 9},{x: '8', y: 90},{x: '9', y: 48},{x: '10', y: 82},{x: '11', y: 81},{x: '12', y: 9},{x: '13', y: 87},{x: '14', y: 61},{x: '15', y: 32},{x: '16', y: 39},] },
|
||||
{ name: "Sep", data: [{x: '1', y: 17},{x: '2', y: 10},{x: '3', y: 59},{x: '4', y: 67},{x: '5', y: 84},{x: '6', y: 56},{x: '7', y: 24},{x: '8', y: 15},{x: '9', y: 57},{x: '10', y: 100},{x: '11', y: 10},{x: '12', y: 24},{x: '13', y: 52},{x: '14', y: 7},{x: '15', y: 82},{x: '16', y: 90},] },
|
||||
{ name: "Oct", data: [{x: '1', y: 41},{x: '2', y: 51},{x: '3', y: 79},{x: '4', y: 60},{x: '5', y: 81},{x: '6', y: 17},{x: '7', y: 61},{x: '8', y: 80},{x: '9', y: 42},{x: '10', y: 60},{x: '11', y: 51},{x: '12', y: 61},{x: '13', y: 33},{x: '14', y: 3},{x: '15', y: 53},{x: '16', y: 15},] },
|
||||
{ name: "Nov", data: [{x: '1', y: 90},{x: '2', y: 80},{x: '3', y: 30},{x: '4', y: 74},{x: '5', y: 10},{x: '6', y: 41},{x: '7', y: 35},{x: '8', y: 20},{x: '9', y: 54},{x: '10', y: 91},{x: '11', y: 80},{x: '12', y: 35},{x: '13', y: 81},{x: '14', y: 9},{x: '15', y: 12},{x: '16', y: 80},] },
|
||||
{ name: "Dec", data: [{x: '1', y: 54},{x: '2', y: 78},{x: '3', y: 42},{x: '4', y: 76},{x: '5', y: 51},{x: '6', y: 90},{x: '7', y: 72},{x: '8', y: 98},{x: '9', y: 64},{x: '10', y: 77},{x: '11', y: 78},{x: '12', y: 72},{x: '13', y: 99},{x: '14', y: 24},{x: '15', y: 10},{x: '16', y: 20},] },
|
||||
],
|
||||
xaxis: {
|
||||
type: "category"
|
||||
@@ -441,19 +440,6 @@
|
||||
(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,
|
||||
@@ -467,18 +453,18 @@
|
||||
},
|
||||
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() },
|
||||
{ name: "Jan", data: [{x: '1', y: 23},{x: '2', y: 14},{x: '3', y: 24},{x: '4', y: 90},{x: '5', y: 99},{x: '6', y: 28},{x: '7', y: 51},{x: '8', y: 51},{x: '9', y: 98},{x: '10', y: 61},{x: '11', y: 14},{x: '12', y: 51},{x: '13', y: 32},{x: '14', y: 84},{x: '15', y: 9},{x: '16', y: 2},] },
|
||||
{ name: "Feb", data: [{x: '1', y: 82},{x: '2', y: 87},{x: '3', y: 48},{x: '4', y: 15},{x: '5', y: 21},{x: '6', y: 23},{x: '7', y: 80},{x: '8', y: 34},{x: '9', y: 46},{x: '10', y: 8},{x: '11', y: 87},{x: '12', y: 80},{x: '13', y: 23},{x: '14', y: 81},{x: '15', y: 24},{x: '16', y: 51},] },
|
||||
{ name: "Mar", data: [{x: '1', y: 100},{x: '2', y: 52},{x: '3', y: 57},{x: '4', y: 80},{x: '5', y: 14},{x: '6', y: 82},{x: '7', y: 78},{x: '8', y: 16},{x: '9', y: 29},{x: '10', y: 97},{x: '11', y: 52},{x: '12', y: 78},{x: '13', y: 47},{x: '14', y: 10},{x: '15', y: 61},{x: '16', y: 34},] },
|
||||
{ name: "Apr", data: [{x: '1', y: 60},{x: '2', y: 33},{x: '3', y: 42},{x: '4', y: 20},{x: '5', y: 87},{x: '6', y: 100},{x: '7', y: 100},{x: '8', y: 16},{x: '9', y: 57},{x: '10', y: 80},{x: '11', y: 33},{x: '12', y: 100},{x: '13', y: 6},{x: '14', y: 51},{x: '15', y: 35},{x: '16', y: 16},] },
|
||||
{ name: "May", data: [{x: '1', y: 91},{x: '2', y: 81},{x: '3', y: 54},{x: '4', y: 98},{x: '5', y: 52},{x: '6', y: 60},{x: '7', y: 61},{x: '8', y: 99},{x: '9', y: 91},{x: '10', y: 36},{x: '11', y: 81},{x: '12', y: 61},{x: '13', y: 99},{x: '14', y: 80},{x: '15', y: 72},{x: '16', y: 16},] },
|
||||
{ name: "Jun", data: [{x: '1', y: 77},{x: '2', y: 99},{x: '3', y: 64},{x: '4', y: 0},{x: '5', y: 33},{x: '6', y: 91},{x: '7', y: 7},{x: '8', y: 51},{x: '9', y: 3},{x: '10', y: 28},{x: '11', y: 99},{x: '12', y: 7},{x: '13', y: 21},{x: '14', y: 78},{x: '15', y: 19},{x: '16', y: 99},] },
|
||||
{ name: "Jul", data: [{x: '1', y: 67},{x: '2', y: 84},{x: '3', y: 90},{x: '4', y: 4},{x: '5', y: 81},{x: '6', y: 77},{x: '7', y: 3},{x: '8', y: 39},{x: '9', y: 24},{x: '10', y: 23},{x: '11', y: 84},{x: '12', y: 3},{x: '13', y: 14},{x: '14', y: 100},{x: '15', y: 98},{x: '16', y: 51},] },
|
||||
{ name: "Aug", data: [{x: '1', y: 56},{x: '2', y: 81},{x: '3', y: 45},{x: '4', y: 37},{x: '5', y: 99},{x: '6', y: 67},{x: '7', y: 9},{x: '8', y: 90},{x: '9', y: 48},{x: '10', y: 82},{x: '11', y: 81},{x: '12', y: 9},{x: '13', y: 87},{x: '14', y: 61},{x: '15', y: 32},{x: '16', y: 39},] },
|
||||
{ name: "Sep", data: [{x: '1', y: 17},{x: '2', y: 10},{x: '3', y: 59},{x: '4', y: 67},{x: '5', y: 84},{x: '6', y: 56},{x: '7', y: 24},{x: '8', y: 15},{x: '9', y: 57},{x: '10', y: 100},{x: '11', y: 10},{x: '12', y: 24},{x: '13', y: 52},{x: '14', y: 7},{x: '15', y: 82},{x: '16', y: 90},] },
|
||||
{ name: "Oct", data: [{x: '1', y: 41},{x: '2', y: 51},{x: '3', y: 79},{x: '4', y: 60},{x: '5', y: 81},{x: '6', y: 17},{x: '7', y: 61},{x: '8', y: 80},{x: '9', y: 42},{x: '10', y: 60},{x: '11', y: 51},{x: '12', y: 61},{x: '13', y: 33},{x: '14', y: 3},{x: '15', y: 53},{x: '16', y: 15},] },
|
||||
{ name: "Nov", data: [{x: '1', y: 90},{x: '2', y: 80},{x: '3', y: 30},{x: '4', y: 74},{x: '5', y: 10},{x: '6', y: 41},{x: '7', y: 35},{x: '8', y: 20},{x: '9', y: 54},{x: '10', y: 91},{x: '11', y: 80},{x: '12', y: 35},{x: '13', y: 81},{x: '14', y: 9},{x: '15', y: 12},{x: '16', y: 80},] },
|
||||
{ name: "Dec", data: [{x: '1', y: 54},{x: '2', y: 78},{x: '3', y: 42},{x: '4', y: 76},{x: '5', y: 51},{x: '6', y: 90},{x: '7', y: 72},{x: '8', y: 98},{x: '9', y: 64},{x: '10', y: 77},{x: '11', y: 78},{x: '12', y: 72},{x: '13', y: 99},{x: '14', y: 24},{x: '15', y: 10},{x: '16', y: 20},] },
|
||||
],
|
||||
xaxis: {
|
||||
type: "category"
|
||||
@@ -487,19 +473,6 @@
|
||||
(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,
|
||||
@@ -513,18 +486,18 @@
|
||||
},
|
||||
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() },
|
||||
{ name: "Jan", data: [{x: '1', y: 23},{x: '2', y: 14},{x: '3', y: 24},{x: '4', y: 90},{x: '5', y: 99},{x: '6', y: 28},{x: '7', y: 51},{x: '8', y: 51},{x: '9', y: 98},{x: '10', y: 61},{x: '11', y: 14},{x: '12', y: 51},{x: '13', y: 32},{x: '14', y: 84},{x: '15', y: 9},{x: '16', y: 2},] },
|
||||
{ name: "Feb", data: [{x: '1', y: 82},{x: '2', y: 87},{x: '3', y: 48},{x: '4', y: 15},{x: '5', y: 21},{x: '6', y: 23},{x: '7', y: 80},{x: '8', y: 34},{x: '9', y: 46},{x: '10', y: 8},{x: '11', y: 87},{x: '12', y: 80},{x: '13', y: 23},{x: '14', y: 81},{x: '15', y: 24},{x: '16', y: 51},] },
|
||||
{ name: "Mar", data: [{x: '1', y: 100},{x: '2', y: 52},{x: '3', y: 57},{x: '4', y: 80},{x: '5', y: 14},{x: '6', y: 82},{x: '7', y: 78},{x: '8', y: 16},{x: '9', y: 29},{x: '10', y: 97},{x: '11', y: 52},{x: '12', y: 78},{x: '13', y: 47},{x: '14', y: 10},{x: '15', y: 61},{x: '16', y: 34},] },
|
||||
{ name: "Apr", data: [{x: '1', y: 60},{x: '2', y: 33},{x: '3', y: 42},{x: '4', y: 20},{x: '5', y: 87},{x: '6', y: 100},{x: '7', y: 100},{x: '8', y: 16},{x: '9', y: 57},{x: '10', y: 80},{x: '11', y: 33},{x: '12', y: 100},{x: '13', y: 6},{x: '14', y: 51},{x: '15', y: 35},{x: '16', y: 16},] },
|
||||
{ name: "May", data: [{x: '1', y: 91},{x: '2', y: 81},{x: '3', y: 54},{x: '4', y: 98},{x: '5', y: 52},{x: '6', y: 60},{x: '7', y: 61},{x: '8', y: 99},{x: '9', y: 91},{x: '10', y: 36},{x: '11', y: 81},{x: '12', y: 61},{x: '13', y: 99},{x: '14', y: 80},{x: '15', y: 72},{x: '16', y: 16},] },
|
||||
{ name: "Jun", data: [{x: '1', y: 77},{x: '2', y: 99},{x: '3', y: 64},{x: '4', y: 0},{x: '5', y: 33},{x: '6', y: 91},{x: '7', y: 7},{x: '8', y: 51},{x: '9', y: 3},{x: '10', y: 28},{x: '11', y: 99},{x: '12', y: 7},{x: '13', y: 21},{x: '14', y: 78},{x: '15', y: 19},{x: '16', y: 99},] },
|
||||
{ name: "Jul", data: [{x: '1', y: 67},{x: '2', y: 84},{x: '3', y: 90},{x: '4', y: 4},{x: '5', y: 81},{x: '6', y: 77},{x: '7', y: 3},{x: '8', y: 39},{x: '9', y: 24},{x: '10', y: 23},{x: '11', y: 84},{x: '12', y: 3},{x: '13', y: 14},{x: '14', y: 100},{x: '15', y: 98},{x: '16', y: 51},] },
|
||||
{ name: "Aug", data: [{x: '1', y: 56},{x: '2', y: 81},{x: '3', y: 45},{x: '4', y: 37},{x: '5', y: 99},{x: '6', y: 67},{x: '7', y: 9},{x: '8', y: 90},{x: '9', y: 48},{x: '10', y: 82},{x: '11', y: 81},{x: '12', y: 9},{x: '13', y: 87},{x: '14', y: 61},{x: '15', y: 32},{x: '16', y: 39},] },
|
||||
{ name: "Sep", data: [{x: '1', y: 17},{x: '2', y: 10},{x: '3', y: 59},{x: '4', y: 67},{x: '5', y: 84},{x: '6', y: 56},{x: '7', y: 24},{x: '8', y: 15},{x: '9', y: 57},{x: '10', y: 100},{x: '11', y: 10},{x: '12', y: 24},{x: '13', y: 52},{x: '14', y: 7},{x: '15', y: 82},{x: '16', y: 90},] },
|
||||
{ name: "Oct", data: [{x: '1', y: 41},{x: '2', y: 51},{x: '3', y: 79},{x: '4', y: 60},{x: '5', y: 81},{x: '6', y: 17},{x: '7', y: 61},{x: '8', y: 80},{x: '9', y: 42},{x: '10', y: 60},{x: '11', y: 51},{x: '12', y: 61},{x: '13', y: 33},{x: '14', y: 3},{x: '15', y: 53},{x: '16', y: 15},] },
|
||||
{ name: "Nov", data: [{x: '1', y: 90},{x: '2', y: 80},{x: '3', y: 30},{x: '4', y: 74},{x: '5', y: 10},{x: '6', y: 41},{x: '7', y: 35},{x: '8', y: 20},{x: '9', y: 54},{x: '10', y: 91},{x: '11', y: 80},{x: '12', y: 35},{x: '13', y: 81},{x: '14', y: 9},{x: '15', y: 12},{x: '16', y: 80},] },
|
||||
{ name: "Dec", data: [{x: '1', y: 54},{x: '2', y: 78},{x: '3', y: 42},{x: '4', y: 76},{x: '5', y: 51},{x: '6', y: 90},{x: '7', y: 72},{x: '8', y: 98},{x: '9', y: 64},{x: '10', y: 77},{x: '11', y: 78},{x: '12', y: 72},{x: '13', y: 99},{x: '14', y: 24},{x: '15', y: 10},{x: '16', y: 20},] },
|
||||
],
|
||||
xaxis: {
|
||||
type: "category"
|
||||
@@ -533,19 +506,6 @@
|
||||
(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,
|
||||
@@ -586,18 +546,18 @@
|
||||
}
|
||||
},
|
||||
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() },
|
||||
{ name: "Jan", data: [{x: '1', y: 23},{x: '2', y: 14},{x: '3', y: 24},{x: '4', y: 90},{x: '5', y: 99},{x: '6', y: 28},{x: '7', y: 51},{x: '8', y: 51},{x: '9', y: 98},{x: '10', y: 61},{x: '11', y: 14},{x: '12', y: 51},{x: '13', y: 32},{x: '14', y: 84},{x: '15', y: 9},{x: '16', y: 2},] },
|
||||
{ name: "Feb", data: [{x: '1', y: 82},{x: '2', y: 87},{x: '3', y: 48},{x: '4', y: 15},{x: '5', y: 21},{x: '6', y: 23},{x: '7', y: 80},{x: '8', y: 34},{x: '9', y: 46},{x: '10', y: 8},{x: '11', y: 87},{x: '12', y: 80},{x: '13', y: 23},{x: '14', y: 81},{x: '15', y: 24},{x: '16', y: 51},] },
|
||||
{ name: "Mar", data: [{x: '1', y: 100},{x: '2', y: 52},{x: '3', y: 57},{x: '4', y: 80},{x: '5', y: 14},{x: '6', y: 82},{x: '7', y: 78},{x: '8', y: 16},{x: '9', y: 29},{x: '10', y: 97},{x: '11', y: 52},{x: '12', y: 78},{x: '13', y: 47},{x: '14', y: 10},{x: '15', y: 61},{x: '16', y: 34},] },
|
||||
{ name: "Apr", data: [{x: '1', y: 60},{x: '2', y: 33},{x: '3', y: 42},{x: '4', y: 20},{x: '5', y: 87},{x: '6', y: 100},{x: '7', y: 100},{x: '8', y: 16},{x: '9', y: 57},{x: '10', y: 80},{x: '11', y: 33},{x: '12', y: 100},{x: '13', y: 6},{x: '14', y: 51},{x: '15', y: 35},{x: '16', y: 16},] },
|
||||
{ name: "May", data: [{x: '1', y: 91},{x: '2', y: 81},{x: '3', y: 54},{x: '4', y: 98},{x: '5', y: 52},{x: '6', y: 60},{x: '7', y: 61},{x: '8', y: 99},{x: '9', y: 91},{x: '10', y: 36},{x: '11', y: 81},{x: '12', y: 61},{x: '13', y: 99},{x: '14', y: 80},{x: '15', y: 72},{x: '16', y: 16},] },
|
||||
{ name: "Jun", data: [{x: '1', y: 77},{x: '2', y: 99},{x: '3', y: 64},{x: '4', y: 0},{x: '5', y: 33},{x: '6', y: 91},{x: '7', y: 7},{x: '8', y: 51},{x: '9', y: 3},{x: '10', y: 28},{x: '11', y: 99},{x: '12', y: 7},{x: '13', y: 21},{x: '14', y: 78},{x: '15', y: 19},{x: '16', y: 99},] },
|
||||
{ name: "Jul", data: [{x: '1', y: 67},{x: '2', y: 84},{x: '3', y: 90},{x: '4', y: 4},{x: '5', y: 81},{x: '6', y: 77},{x: '7', y: 3},{x: '8', y: 39},{x: '9', y: 24},{x: '10', y: 23},{x: '11', y: 84},{x: '12', y: 3},{x: '13', y: 14},{x: '14', y: 100},{x: '15', y: 98},{x: '16', y: 51},] },
|
||||
{ name: "Aug", data: [{x: '1', y: 56},{x: '2', y: 81},{x: '3', y: 45},{x: '4', y: 37},{x: '5', y: 99},{x: '6', y: 67},{x: '7', y: 9},{x: '8', y: 90},{x: '9', y: 48},{x: '10', y: 82},{x: '11', y: 81},{x: '12', y: 9},{x: '13', y: 87},{x: '14', y: 61},{x: '15', y: 32},{x: '16', y: 39},] },
|
||||
{ name: "Sep", data: [{x: '1', y: 17},{x: '2', y: 10},{x: '3', y: 59},{x: '4', y: 67},{x: '5', y: 84},{x: '6', y: 56},{x: '7', y: 24},{x: '8', y: 15},{x: '9', y: 57},{x: '10', y: 100},{x: '11', y: 10},{x: '12', y: 24},{x: '13', y: 52},{x: '14', y: 7},{x: '15', y: 82},{x: '16', y: 90},] },
|
||||
{ name: "Oct", data: [{x: '1', y: 41},{x: '2', y: 51},{x: '3', y: 79},{x: '4', y: 60},{x: '5', y: 81},{x: '6', y: 17},{x: '7', y: 61},{x: '8', y: 80},{x: '9', y: 42},{x: '10', y: 60},{x: '11', y: 51},{x: '12', y: 61},{x: '13', y: 33},{x: '14', y: 3},{x: '15', y: 53},{x: '16', y: 15},] },
|
||||
{ name: "Nov", data: [{x: '1', y: 90},{x: '2', y: 80},{x: '3', y: 30},{x: '4', y: 74},{x: '5', y: 10},{x: '6', y: 41},{x: '7', y: 35},{x: '8', y: 20},{x: '9', y: 54},{x: '10', y: 91},{x: '11', y: 80},{x: '12', y: 35},{x: '13', y: 81},{x: '14', y: 9},{x: '15', y: 12},{x: '16', y: 80},] },
|
||||
{ name: "Dec", data: [{x: '1', y: 54},{x: '2', y: 78},{x: '3', y: 42},{x: '4', y: 76},{x: '5', y: 51},{x: '6', y: 90},{x: '7', y: 72},{x: '8', y: 98},{x: '9', y: 64},{x: '10', y: 77},{x: '11', y: 78},{x: '12', y: 72},{x: '13', y: 99},{x: '14', y: 24},{x: '15', y: 10},{x: '16', y: 20},] },
|
||||
],
|
||||
xaxis: {
|
||||
type: "category"
|
||||
@@ -605,8 +565,5 @@
|
||||
};
|
||||
(new ApexCharts(document.querySelector("#chart-heatmap-colors"),options)).render();
|
||||
</script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item active" href="./charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./charts-heatmap.html" >
|
||||
Charts heatmap
|
||||
</a>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -333,10 +345,10 @@
|
||||
<div class="card-body">
|
||||
<div class="d-flex">
|
||||
<h3 class="card-title">Social referrals</h3>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<div class="dropdown">
|
||||
<a class="dropdown-toggle text-muted" href="#" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<a class="dropdown-toggle text-muted" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Last 7 days</a>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item active" href="#">Last 7 days</a>
|
||||
<a class="dropdown-item" href="#">Last 30 days</a>
|
||||
<a class="dropdown-item" href="#">Last 3 months</a>
|
||||
@@ -514,22 +526,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -2123,8 +2135,5 @@
|
||||
});
|
||||
// @formatter:on
|
||||
</script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
675
demo/colors.html
Normal file
675
demo/colors.html
Normal file
@@ -0,0 +1,675 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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>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="page">
|
||||
<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 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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="./charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<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="./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="./page-headers.html" >
|
||||
Page headers
|
||||
</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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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…" aria-label="Search in website">
|
||||
</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">
|
||||
Colors
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
</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.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
37
demo/dist/css/demo.css
vendored
37
demo/dist/css/demo.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -201,6 +201,8 @@ pre.highlight,
|
||||
color: #232e3c;
|
||||
flex: 1;
|
||||
max-width: 100%; }
|
||||
.example-content .page-header {
|
||||
margin-bottom: 0; }
|
||||
|
||||
.example-bg {
|
||||
background: #f4f6fa; }
|
||||
@@ -293,3 +295,34 @@ body.no-transitions * {
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none; }
|
||||
|
||||
.demo-icons-list {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
padding: 0;
|
||||
margin: 0 -2px -1px 0;
|
||||
list-style: none; }
|
||||
.demo-icons-list > * {
|
||||
flex: 1 0 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-right: 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; }
|
||||
|
||||
6
demo/dist/css/demo.min.css
vendored
6
demo/dist/css/demo.min.css
vendored
File diff suppressed because one or more lines are too long
328
demo/dist/css/demo.rtl.css
vendored
Normal file
328
demo/dist/css/demo.rtl.css
vendored
Normal file
@@ -0,0 +1,328 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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)
|
||||
*/
|
||||
pre.highlight,
|
||||
.highlight pre {
|
||||
max-height: 30rem;
|
||||
margin: 1.5rem 0;
|
||||
overflow: auto;
|
||||
font-size: 85.7142857%;
|
||||
border-radius: 3px; }
|
||||
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: #dbdee3; }
|
||||
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: #c6cad0;
|
||||
background: #c6cad0; }
|
||||
|
||||
.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: 2rem 0;
|
||||
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
4
demo/dist/css/tabler-flags.css
vendored
4
demo/dist/css/tabler-flags.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
|
||||
4
demo/dist/css/tabler-flags.min.css
vendored
4
demo/dist/css/tabler-flags.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
|
||||
807
demo/dist/css/tabler-flags.rtl.css
vendored
Normal file
807
demo/dist/css/tabler-flags.rtl.css
vendored
Normal file
@@ -0,0 +1,807 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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)
|
||||
*/
|
||||
.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.6666625rem;
|
||||
height: 1.25rem; }
|
||||
|
||||
.flag-sm {
|
||||
width: 2.66666rem;
|
||||
height: 2rem; }
|
||||
|
||||
.flag-md {
|
||||
width: 4.9999875rem;
|
||||
height: 3.75rem; }
|
||||
|
||||
.flag-lg {
|
||||
width: 6.66665rem;
|
||||
height: 5rem; }
|
||||
|
||||
.flag-xl {
|
||||
width: 9.33331rem;
|
||||
height: 7rem; }
|
||||
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
4
demo/dist/css/tabler-payments.css
vendored
4
demo/dist/css/tabler-payments.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
|
||||
4
demo/dist/css/tabler-payments.min.css
vendored
4
demo/dist/css/tabler-payments.min.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
|
||||
391
demo/dist/css/tabler-payments.rtl.css
vendored
Normal file
391
demo/dist/css/tabler-payments.rtl.css
vendored
Normal file
@@ -0,0 +1,391 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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)
|
||||
*/
|
||||
.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; }
|
||||
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
14
demo/dist/css/tabler-vendors.css
vendored
14
demo/dist/css/tabler-vendors.css
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -27,9 +27,9 @@
|
||||
.selectize-control.is-valid {
|
||||
padding: 0; }
|
||||
.selectize-control.is-valid .selectize-input {
|
||||
border-color: #5eba00; }
|
||||
border-color: #2fb344; }
|
||||
.selectize-control.is-valid .selectize-input.focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(94, 186, 0, 0.25); }
|
||||
box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25); }
|
||||
.selectize-control.is-valid .selectize-dropdown {
|
||||
background: none;
|
||||
background-color: inherit;
|
||||
@@ -38,9 +38,9 @@
|
||||
.selectize-control.is-invalid {
|
||||
padding: 0; }
|
||||
.selectize-control.is-invalid .selectize-input {
|
||||
border-color: #e53e3e; }
|
||||
border-color: #d63939; }
|
||||
.selectize-control.is-invalid .selectize-input.focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(229, 62, 62, 0.25); }
|
||||
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25); }
|
||||
.selectize-control.is-invalid .selectize-dropdown {
|
||||
background: none;
|
||||
background-color: inherit;
|
||||
@@ -181,7 +181,7 @@
|
||||
.fc-unthemed .fc-event {
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
color: #206bc4;
|
||||
background-color: #e9f0f9;
|
||||
background-color: #edf3fa;
|
||||
padding: 0 .25rem; }
|
||||
|
||||
.flatpickr-input.flatpickr-input {
|
||||
|
||||
6
demo/dist/css/tabler-vendors.min.css
vendored
6
demo/dist/css/tabler-vendors.min.css
vendored
File diff suppressed because one or more lines are too long
322
demo/dist/css/tabler-vendors.rtl.css
vendored
Normal file
322
demo/dist/css/tabler-vendors.rtl.css
vendored
Normal file
@@ -0,0 +1,322 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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)
|
||||
*/
|
||||
.selectize-control {
|
||||
padding: 0;
|
||||
border: 0;
|
||||
height: auto; }
|
||||
.selectize-control.multi .selectize-input.has-items {
|
||||
padding-right: 6px; }
|
||||
.selectize-control.multi .selectize-input > div {
|
||||
font-size: 0.75rem;
|
||||
margin: 0 0 2px 6px;
|
||||
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-right: 0 !important;
|
||||
color: #656d77 !important; }
|
||||
.selectize-control.is-valid {
|
||||
padding: 0; }
|
||||
.selectize-control.is-valid .selectize-input {
|
||||
border-color: #2fb344; }
|
||||
.selectize-control.is-valid .selectize-input.focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(47, 179, 68, 0.25); }
|
||||
.selectize-control.is-valid .selectize-dropdown {
|
||||
background: none;
|
||||
background-color: inherit;
|
||||
border-color: #e6e8e9;
|
||||
padding-left: 0; }
|
||||
.selectize-control.is-invalid {
|
||||
padding: 0; }
|
||||
.selectize-control.is-invalid .selectize-input {
|
||||
border-color: #d63939; }
|
||||
.selectize-control.is-invalid .selectize-input.focus {
|
||||
box-shadow: 0 0 0 0.25rem rgba(214, 57, 57, 0.25); }
|
||||
.selectize-control.is-invalid .selectize-dropdown {
|
||||
background: none;
|
||||
background-color: inherit;
|
||||
border-color: #e6e8e9;
|
||||
padding-left: 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 left 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;
|
||||
right: .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-right: 0; }
|
||||
|
||||
.fc-unthemed .fc-time {
|
||||
font-weight: 600; }
|
||||
|
||||
.fc-unthemed .fc-event {
|
||||
border-color: rgba(0, 0, 0, 0.05);
|
||||
color: #206bc4;
|
||||
background-color: #edf3fa;
|
||||
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;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
margin-top: -1px; }
|
||||
.flatpickr-calendar:before, .flatpickr-calendar:after {
|
||||
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 {
|
||||
color: inherit;
|
||||
border-radius: 3px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
line-height: 1; }
|
||||
.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 {
|
||||
font-size: 0.625rem;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: .04em;
|
||||
line-height: 1.6;
|
||||
color: #656d77; }
|
||||
|
||||
.flatpickr-months {
|
||||
margin-bottom: .5rem; }
|
||||
.flatpickr-months .flatpickr-month {
|
||||
color: currentColor;
|
||||
fill: currentColor; }
|
||||
.flatpickr-months .flatpickr-current-month {
|
||||
font-weight: 400; }
|
||||
.flatpickr-months .flatpickr-monthDropdown-months {
|
||||
-webkit-appearance: none;
|
||||
-moz-appearance: none;
|
||||
appearance: none;
|
||||
font-weight: inherit; }
|
||||
.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,
|
||||
.flatpickr-day.prevMonthDay.inRange,
|
||||
.flatpickr-day.nextMonthDay.inRange,
|
||||
.flatpickr-day.today.inRange,
|
||||
.flatpickr-day.prevMonthDay.today.inRange,
|
||||
.flatpickr-day.nextMonthDay.today.inRange,
|
||||
.flatpickr-day:hover,
|
||||
.flatpickr-day.prevMonthDay:hover,
|
||||
.flatpickr-day.nextMonthDay:hover,
|
||||
.flatpickr-day:focus,
|
||||
.flatpickr-day.prevMonthDay:focus,
|
||||
.flatpickr-day.nextMonthDay:focus {
|
||||
background: rgba(101, 109, 119, 0.06);
|
||||
border-color: transparent; }
|
||||
|
||||
.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; }
|
||||
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
2580
demo/dist/css/tabler.css
vendored
2580
demo/dist/css/tabler.css
vendored
File diff suppressed because it is too large
Load Diff
6
demo/dist/css/tabler.min.css
vendored
6
demo/dist/css/tabler.min.css
vendored
File diff suppressed because one or more lines are too long
12448
demo/dist/css/tabler.rtl.css
vendored
Normal file
12448
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
35
demo/dist/js/tabler.js
vendored
35
demo/dist/js/tabler.js
vendored
@@ -1,6 +1,6 @@
|
||||
/*!
|
||||
* Tabler v1.0.0-alpha.13 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.13
|
||||
* Tabler v1.0.0-alpha.21 (https://tabler.io)
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -13,26 +13,17 @@
|
||||
|
||||
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
||||
|
||||
function createCommonjsModule(fn, basedir, module) {
|
||||
return module = {
|
||||
path: basedir,
|
||||
exports: {},
|
||||
require: function (path, base) {
|
||||
return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
|
||||
}
|
||||
}, fn(module, module.exports), module.exports;
|
||||
function createCommonjsModule(fn) {
|
||||
var module = { exports: {} };
|
||||
return fn(module, module.exports), module.exports;
|
||||
}
|
||||
|
||||
function commonjsRequire () {
|
||||
throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
|
||||
}
|
||||
|
||||
var autosize = createCommonjsModule(function (module, exports) {
|
||||
/*!
|
||||
autosize 4.0.2
|
||||
license: MIT
|
||||
http://www.jacklmoore.com/autosize
|
||||
*/
|
||||
var autosize = createCommonjsModule(function (module, exports) {
|
||||
(function (global, factory) {
|
||||
{
|
||||
factory(module, exports);
|
||||
@@ -249,7 +240,7 @@
|
||||
});
|
||||
});
|
||||
|
||||
var elements = document.querySelectorAll('[data-toggle="autosize"]');
|
||||
var elements = document.querySelectorAll('[data-bs-toggle="autosize"]');
|
||||
if (elements.length) {
|
||||
elements.forEach(function (element) {
|
||||
autosize(element);
|
||||
@@ -3056,13 +3047,13 @@
|
||||
});
|
||||
});
|
||||
|
||||
var selectors = '.dropdown, .dropup, .dropright, .dropleft',
|
||||
var selectors = '.dropdown, .dropup, .dropend, .dropstart',
|
||||
dropdowns = document.querySelectorAll(selectors);
|
||||
var currentTarget = undefined;
|
||||
dropdowns.forEach(function (dropdown) {
|
||||
dropdown.addEventListener('mousedown', function (e) {
|
||||
e.stopPropagation();
|
||||
if (e.target.dataset.toggle && e.target.dataset.toggle === 'dropdown') {
|
||||
if (e.target.dataset.bsToggle && e.target.dataset.bsToggle === 'dropdown') {
|
||||
currentTarget = e.currentTarget;
|
||||
}
|
||||
});
|
||||
@@ -3077,7 +3068,7 @@
|
||||
});
|
||||
|
||||
(function () {
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="tooltip"]'));
|
||||
var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
|
||||
tooltipTriggerList.map(function (tooltipTriggerEl) {
|
||||
var options = {
|
||||
delay: {
|
||||
@@ -3089,7 +3080,7 @@
|
||||
};
|
||||
return new bootstrap.Tooltip(tooltipTriggerEl, options);
|
||||
});
|
||||
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="popover"]'));
|
||||
var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'));
|
||||
popoverTriggerList.map(function (popoverTriggerEl) {
|
||||
var options = {
|
||||
delay: {
|
||||
@@ -3101,11 +3092,11 @@
|
||||
};
|
||||
return new bootstrap.Popover(popoverTriggerEl, options);
|
||||
});
|
||||
var dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="dropdown"]'));
|
||||
var dropdownTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="dropdown"]'));
|
||||
dropdownTriggerList.map(function (dropdownTriggerEl) {
|
||||
return new bootstrap.Dropdown(dropdownTriggerEl);
|
||||
});
|
||||
var switchesTriggerList = [].slice.call(document.querySelectorAll('[data-toggle="switch-icon"]'));
|
||||
var switchesTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="switch-icon"]'));
|
||||
switchesTriggerList.map(function (switchTriggerEl) {
|
||||
switchTriggerEl.addEventListener('click', function (e) {
|
||||
e.stopPropagation();
|
||||
|
||||
6
demo/dist/js/tabler.min.js
vendored
6
demo/dist/js/tabler.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
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
/*! nouislider - 14.6.2 - 9/16/2020 */
|
||||
/*! nouislider - 14.6.3 - 11/19/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
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link active">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Alerts</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/alerts/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -576,32 +598,40 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-success" role="alert">
|
||||
This is a success alert — check it out!
|
||||
<h4 class="alert-title">Wow! Everything worked!</h4>
|
||||
<div class="text-muted">Your account has been saved!</div>
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
This is a info alert — check it out!
|
||||
<h4 class="alert-title">Did you know?</h4>
|
||||
<div class="text-muted">Here is something that you might like to know.</div>
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
This is a warning alert — check it out!
|
||||
<h4 class="alert-title">Uh oh, something went wrong</h4>
|
||||
<div class="text-muted">Sorry! There was a problem with your request.</div>
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
This is a danger alert — check it out!
|
||||
<h4 class="alert-title">I'm so sorry…</h4>
|
||||
<div class="text-muted">Your account has been deleted and can't be restored.</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">"alert alert-success"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a success alert — check it out!
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Wow! Everything worked!<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your account has been saved!<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-info"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a info alert — check it out!
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Did you know?<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Here is something that you might like to know.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a warning alert — check it out!
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Uh oh, something went wrong<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Sorry! There was a problem with your request.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a danger alert — check it out!
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>I'm so sorry<span class="ni">&hellip;</span><span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your account has been deleted and can't be restored.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -610,16 +640,16 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-success" role="alert">
|
||||
This is a success alert — <a href="javascript:void()" class="alert-link">check it out</a>!
|
||||
This is a success alert — <a href="javascript:void(0)" class="alert-link">check it out</a>!
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
This is a info alert — <a href="javascript:void()" class="alert-link">check it out</a>!
|
||||
This is a info alert — <a href="javascript:void(0)" class="alert-link">check it out</a>!
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
This is a warning alert — <a href="javascript:void()" class="alert-link">check it out</a>!
|
||||
This is a warning alert — <a href="javascript:void(0)" class="alert-link">check it out</a>!
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
This is a danger alert — <a href="javascript:void()" class="alert-link">check it out</a>!
|
||||
This is a danger alert — <a href="javascript:void(0)" class="alert-link">check it out</a>!
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -644,40 +674,104 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-success alert-dismissible" role="alert">
|
||||
This is a success alert — check it out!
|
||||
<a href="javascript:void()" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l5 5l10 -10" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">Wow! Everything worked!</h4>
|
||||
<div class="text-muted">Your account has been saved!</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-info alert-dismissible" role="alert">
|
||||
This is a info alert — check it out!
|
||||
<a href="javascript:void()" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">Did you know?</h4>
|
||||
<div class="text-muted">Here is something that you might like to know.</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||
This is a warning alert — check it out!
|
||||
<a href="javascript:void()" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 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 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">Uh oh, something went wrong</h4>
|
||||
<div class="text-muted">Sorry! There was a problem with your request.</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-danger alert-dismissible" role="alert">
|
||||
This is a danger alert — check it out!
|
||||
<a href="javascript:void()" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">I'm so sorry…</h4>
|
||||
<div class="text-muted">Your account has been deleted and can't be restored.</div>
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</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">"alert alert-success alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a success alert — check it out!
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Wow! Everything worked!<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your account has been saved!<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-info alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a info alert — check it out!
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Did you know?<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Here is something that you might like to know.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a warning alert — check it out!
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Uh oh, something went wrong<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Sorry! There was a problem with your request.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
This is a danger alert — check it out!
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>I'm so sorry<span class="ni">&hellip;</span><span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your account has been deleted and can't be restored.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -686,40 +780,96 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-success" role="alert">
|
||||
<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="M5 12l5 5l10 -10" /></svg>
|
||||
This is a success alert — check it out!
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l5 5l10 -10" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">Wow! Everything worked!</h4>
|
||||
<div class="text-muted">Your account has been saved!</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
<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" /><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
|
||||
This is a info alert — check it out!
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">Did you know?</h4>
|
||||
<div class="text-muted">Here is something that you might like to know.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
<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 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
||||
This is a warning alert — check it out!
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 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 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">Uh oh, something went wrong</h4>
|
||||
<div class="text-muted">Sorry! There was a problem with your request.</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<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" /><circle cx="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
|
||||
This is a danger alert — check it out!
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
<h4 class="alert-title">I'm so sorry…</h4>
|
||||
<div class="text-muted">Your account has been deleted and can't be restored.</div>
|
||||
</div>
|
||||
</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">"alert alert-success"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
This is a success alert — check it out!
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Wow! Everything worked!<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your account has been saved!<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-info"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
This is a info alert — check it out!
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Did you know?<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Here is something that you might like to know.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
This is a warning alert — check it out!
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>Uh oh, something went wrong<span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Sorry! There was a problem with your request.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
This is a danger alert — check it out!
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><h4</span> <span class="na">class=</span><span class="s">"alert-title"</span><span class="nt">></span>I'm so sorry<span class="ni">&hellip;</span><span class="nt"></h4></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your account has been deleted and can't be restored.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -728,40 +878,88 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-success" role="alert">
|
||||
<span class="avatar float-left mr-3" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<span class="avatar float-start me-3" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
</div>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
<span class="avatar float-left mr-3">JL</span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<span class="avatar float-start me-3">JL</span>
|
||||
</div>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
<span class="avatar float-left mr-3" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<span class="avatar float-start me-3" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
</div>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
<span class="avatar float-left mr-3" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<span class="avatar float-start me-3" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
</div>
|
||||
<div>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</div>
|
||||
</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">"alert alert-success"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-left mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-start me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-info"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-left mr-3"</span><span class="nt">></span>JL<span class="nt"></span></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-start me-3"</span><span class="nt">></span>JL<span class="nt"></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-left mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-start me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-left mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar float-start me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -770,26 +968,178 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-success alert-dismissible" role="alert">
|
||||
<h3>Some Title</h3>
|
||||
<h3 class="mb-1">Some Title</h3>
|
||||
<p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-success">Save changes</a>
|
||||
<a href="javascript:void()" class="btn">Cancel</a>
|
||||
<a href="javascript:void(0)" class="btn btn-success">Okay</a>
|
||||
<a href="javascript:void(0)" class="btn">Cancel</a>
|
||||
</div>
|
||||
<a href="javascript:void()" class="btn-close" data-dismiss="alert" aria-label="close"></a>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-info alert-dismissible" role="alert">
|
||||
<h3 class="mb-1">Some Title</h3>
|
||||
<p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void(0)" class="btn btn-info">Okay</a>
|
||||
<a href="javascript:void(0)" class="btn">Cancel</a>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-warning alert-dismissible" role="alert">
|
||||
<h3 class="mb-1">Some Title</h3>
|
||||
<p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void(0)" class="btn btn-warning">Okay</a>
|
||||
<a href="javascript:void(0)" class="btn">Cancel</a>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-danger alert-dismissible" role="alert">
|
||||
<h3 class="mb-1">Some Title</h3>
|
||||
<p>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.</p>
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void(0)" class="btn btn-danger">Okay</a>
|
||||
<a href="javascript:void(0)" class="btn">Cancel</a>
|
||||
</div>
|
||||
<a class="btn-close" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</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">"alert alert-success alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><h3></span>Some Title<span class="nt"></h3></span>
|
||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"mb-1"</span><span class="nt">></span>Some Title<span class="nt"></h3></span>
|
||||
<span class="nt"><p></span>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.<span class="nt"></p></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success"</span><span class="nt">></span>Save changes<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success"</span><span class="nt">></span>Okay<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>Cancel<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-info alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"mb-1"</span><span class="nt">></span>Some Title<span class="nt"></h3></span>
|
||||
<span class="nt"><p></span>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.<span class="nt"></p></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-info"</span><span class="nt">></span>Okay<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>Cancel<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"mb-1"</span><span class="nt">></span>Some Title<span class="nt"></h3></span>
|
||||
<span class="nt"><p></span>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.<span class="nt"></p></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-warning"</span><span class="nt">></span>Okay<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>Cancel<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"mb-1"</span><span class="nt">></span>Some Title<span class="nt"></h3></span>
|
||||
<span class="nt"><p></span>Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim voluptate.<span class="nt"></p></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-danger"</span><span class="nt">></span>Okay<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>Cancel<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="important-alerts">Important alerts</h2>
|
||||
<p>If you want your alert to be really eye-catching, you can add a class <code class="language-plaintext highlighter-rouge">alert-important</code>.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="alert alert-important alert-success alert-dismissible" role="alert">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l5 5l10 -10" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
Your account has been saved!
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-important alert-info alert-dismissible" role="alert">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><line x1="12" y1="8" x2="12.01" y2="8" /><polyline points="11 12 12 12 12 16 13 16" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
Here is something that you might like to know.
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-important alert-warning alert-dismissible" role="alert">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 0 24 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 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
Sorry! There was a problem with your request.
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</div>
|
||||
<div class="alert alert-important alert-danger alert-dismissible" role="alert">
|
||||
<div class="d-flex">
|
||||
<div>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon alert-icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><line x1="12" y1="8" x2="12" y2="12" /><line x1="12" y1="16" x2="12.01" y2="16" /></svg>
|
||||
</div>
|
||||
<div>
|
||||
Your account has been deleted and can't be restored.
|
||||
</div>
|
||||
</div>
|
||||
<a class="btn-close btn-close-white" data-bs-dismiss="alert" aria-label="close"></a>
|
||||
</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">"alert alert-important alert-success alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Your account has been saved!
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close btn-close-white"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-important alert-info alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Here is something that you might like to know.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close btn-close-white"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-important alert-warning alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Sorry! There was a problem with your request.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close btn-close-white"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-important alert-danger alert-dismissible"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="c"><!-- SVG icon code with class="alert-icon" --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
Your account has been deleted and can't be restored.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"btn-close btn-close-white"</span> <span class="na">data-bs-dismiss=</span><span class="s">"alert"</span> <span class="na">aria-label=</span><span class="s">"close"</span><span class="nt">></a></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -802,22 +1152,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -830,8 +1180,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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"/><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 show" id="menu-plugins">
|
||||
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link active">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-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>
|
||||
@@ -570,13 +592,13 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<label class="form-label">Autosize example</label>
|
||||
<textarea class="form-control" data-toggle="autosize" placeholder="Type something…"></textarea>
|
||||
<textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>
|
||||
</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>
|
||||
<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>
|
||||
@@ -588,22 +610,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -616,8 +638,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Avatars</h1>
|
||||
</div>
|
||||
<p>Avatars help customise various elements of a user interface and make the product experience more personalised. They are often used in communication apps, collaboration tools and social media.</p>
|
||||
@@ -792,22 +814,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -820,8 +842,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Badges</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/badge/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -677,18 +699,18 @@
|
||||
<p>Place the badge within an <code class="language-plaintext highlighter-rouge"><a></code> element if you want it to perform the function of a link and make it clickable.</p>
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<a href="javascript:void()" class="badge bg-blue">blue</a>
|
||||
<a href="javascript:void()" class="badge bg-azure">azure</a>
|
||||
<a href="javascript:void()" class="badge bg-indigo">indigo</a>
|
||||
<a href="javascript:void()" class="badge bg-purple">purple</a>
|
||||
<a href="javascript:void()" class="badge bg-pink">pink</a>
|
||||
<a href="javascript:void()" class="badge bg-red">red</a>
|
||||
<a href="javascript:void()" class="badge bg-orange">orange</a>
|
||||
<a href="javascript:void()" class="badge bg-yellow">yellow</a>
|
||||
<a href="javascript:void()" class="badge bg-lime">lime</a>
|
||||
<a href="javascript:void()" class="badge bg-green">green</a>
|
||||
<a href="javascript:void()" class="badge bg-teal">teal</a>
|
||||
<a href="javascript:void()" class="badge bg-cyan">cyan</a>
|
||||
<a href="javascript:void(0)" class="badge bg-blue">blue</a>
|
||||
<a href="javascript:void(0)" class="badge bg-azure">azure</a>
|
||||
<a href="javascript:void(0)" class="badge bg-indigo">indigo</a>
|
||||
<a href="javascript:void(0)" class="badge bg-purple">purple</a>
|
||||
<a href="javascript:void(0)" class="badge bg-pink">pink</a>
|
||||
<a href="javascript:void(0)" class="badge bg-red">red</a>
|
||||
<a href="javascript:void(0)" class="badge bg-orange">orange</a>
|
||||
<a href="javascript:void(0)" class="badge bg-yellow">yellow</a>
|
||||
<a href="javascript:void(0)" class="badge bg-lime">lime</a>
|
||||
<a href="javascript:void(0)" class="badge bg-green">green</a>
|
||||
<a href="javascript:void(0)" class="badge bg-teal">teal</a>
|
||||
<a href="javascript:void(0)" class="badge bg-cyan">cyan</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
@@ -711,18 +733,18 @@
|
||||
<p>Leave the HTML element empty if you want to create badges without any text. Empty badges are particularly useful if you want to make an interface element more noticeable regardless of limited space.</p>
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<a href="javascript:void()" class="badge bg-blue"></a>
|
||||
<a href="javascript:void()" class="badge bg-azure"></a>
|
||||
<a href="javascript:void()" class="badge bg-indigo"></a>
|
||||
<a href="javascript:void()" class="badge bg-purple"></a>
|
||||
<a href="javascript:void()" class="badge bg-pink"></a>
|
||||
<a href="javascript:void()" class="badge bg-red"></a>
|
||||
<a href="javascript:void()" class="badge bg-orange"></a>
|
||||
<a href="javascript:void()" class="badge bg-yellow"></a>
|
||||
<a href="javascript:void()" class="badge bg-lime"></a>
|
||||
<a href="javascript:void()" class="badge bg-green"></a>
|
||||
<a href="javascript:void()" class="badge bg-teal"></a>
|
||||
<a href="javascript:void()" class="badge bg-cyan"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-blue"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-azure"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-indigo"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-purple"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-pink"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-red"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-orange"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-yellow"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-lime"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-green"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-teal"></a>
|
||||
<a href="javascript:void(0)" class="badge bg-cyan"></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
@@ -797,10 +819,10 @@
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<button type="button" class="btn">
|
||||
Notifications <span class="badge bg-red ml-2">4</span>
|
||||
Notifications <span class="badge bg-red ms-2">4</span>
|
||||
</button>
|
||||
<button type="button" class="btn">
|
||||
Notifications <span class="badge bg-green ml-2">4</span>
|
||||
Notifications <span class="badge bg-green ms-2">4</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
@@ -808,10 +830,10 @@
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>
|
||||
Notifications <span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-red ml-2"</span><span class="nt">></span>4<span class="nt"></span></span>
|
||||
Notifications <span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-red ms-2"</span><span class="nt">></span>4<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>
|
||||
Notifications <span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-green ml-2"</span><span class="nt">></span>4<span class="nt"></span></span>
|
||||
Notifications <span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-green ms-2"</span><span class="nt">></span>4<span class="nt"></span></span>
|
||||
<span class="nt"></button></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -824,22 +846,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -852,8 +874,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Breadcrumb</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/breadcrumb/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -576,9 +598,9 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<ol class="breadcrumb" aria-label="breadcrumbs">
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void()">Data</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Data</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@@ -596,9 +618,9 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<ol class="breadcrumb breadcrumb-dots" aria-label="breadcrumbs">
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void()">Data</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Data</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@@ -614,9 +636,9 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<ol class="breadcrumb breadcrumb-arrows" aria-label="breadcrumbs">
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void()">Data</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Data</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@@ -632,9 +654,9 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<ol class="breadcrumb breadcrumb-bullets" aria-label="breadcrumbs">
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void()">Data</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Data</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@@ -652,9 +674,9 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<ol class="breadcrumb breadcrumb-alternate" aria-label="breadcrumbs">
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void()">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void()">Data</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Data</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
</div>
|
||||
@@ -676,22 +698,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -704,8 +726,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Buttons</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/buttons/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -576,7 +598,7 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn" role="button">Link</a>
|
||||
<a href="javascript:void(0)" class="btn" role="button">Link</a>
|
||||
<button class="btn">Button</button>
|
||||
<input type="button" class="btn" value="Input" />
|
||||
<input type="submit" class="btn" value="Submit" />
|
||||
@@ -598,7 +620,7 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn" role="button">Link</a>
|
||||
<a href="javascript:void(0)" class="btn" role="button">Link</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -612,28 +634,28 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-primary">
|
||||
<a href="javascript:void(0)" class="btn btn-primary">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-secondary">
|
||||
<a href="javascript:void(0)" class="btn btn-secondary">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-success">
|
||||
<a href="javascript:void(0)" class="btn btn-success">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-warning">
|
||||
<a href="javascript:void(0)" class="btn btn-warning">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-danger">
|
||||
<a href="javascript:void(0)" class="btn btn-danger">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-info">
|
||||
<a href="javascript:void(0)" class="btn btn-info">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-light">
|
||||
<a href="javascript:void(0)" class="btn btn-light">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-dark">
|
||||
<a href="javascript:void(0)" class="btn btn-dark">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
@@ -672,28 +694,28 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-primary disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-primary disabled">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-secondary disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-secondary disabled">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-success disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-success disabled">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-warning disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-warning disabled">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-danger disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-danger disabled">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-info disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-info disabled">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-light disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-light disabled">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-dark disabled">
|
||||
<a href="javascript:void(0)" class="btn btn-dark disabled">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
@@ -732,18 +754,18 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-blue">Blue</a>
|
||||
<a href="javascript:void()" class="btn btn-azure">Azure</a>
|
||||
<a href="javascript:void()" class="btn btn-indigo">Indigo</a>
|
||||
<a href="javascript:void()" class="btn btn-purple">Purple</a>
|
||||
<a href="javascript:void()" class="btn btn-pink">Pink</a>
|
||||
<a href="javascript:void()" class="btn btn-red">Red</a>
|
||||
<a href="javascript:void()" class="btn btn-orange">Orange</a>
|
||||
<a href="javascript:void()" class="btn btn-yellow">Yellow</a>
|
||||
<a href="javascript:void()" class="btn btn-lime">Lime</a>
|
||||
<a href="javascript:void()" class="btn btn-green">Green</a>
|
||||
<a href="javascript:void()" class="btn btn-teal">Teal</a>
|
||||
<a href="javascript:void()" class="btn btn-cyan">Cyan</a>
|
||||
<a href="javascript:void(0)" class="btn btn-blue">Blue</a>
|
||||
<a href="javascript:void(0)" class="btn btn-azure">Azure</a>
|
||||
<a href="javascript:void(0)" class="btn btn-indigo">Indigo</a>
|
||||
<a href="javascript:void(0)" class="btn btn-purple">Purple</a>
|
||||
<a href="javascript:void(0)" class="btn btn-pink">Pink</a>
|
||||
<a href="javascript:void(0)" class="btn btn-red">Red</a>
|
||||
<a href="javascript:void(0)" class="btn btn-orange">Orange</a>
|
||||
<a href="javascript:void(0)" class="btn btn-yellow">Yellow</a>
|
||||
<a href="javascript:void(0)" class="btn btn-lime">Lime</a>
|
||||
<a href="javascript:void(0)" class="btn btn-green">Green</a>
|
||||
<a href="javascript:void(0)" class="btn btn-teal">Teal</a>
|
||||
<a href="javascript:void(0)" class="btn btn-cyan">Cyan</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -768,14 +790,14 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-ghost-primary">Primary</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-secondary">Secondary</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-success">Success</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-warning">Warning</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-danger">Danger</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-info">Info</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-light">Light</a>
|
||||
<a href="javascript:void()" class="btn btn-ghost-dark">Dark</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-primary">Primary</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-secondary">Secondary</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-success">Success</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-warning">Warning</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-danger">Danger</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-info">Info</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-light">Light</a>
|
||||
<a href="javascript:void(0)" class="btn btn-ghost-dark">Dark</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -796,31 +818,31 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-white btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-white btn-square">
|
||||
White
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-primary btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-square">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-secondary btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-secondary btn-square">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-success btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-success btn-square">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-warning btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-warning btn-square">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-danger btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-danger btn-square">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-info btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-info btn-square">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-light btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-light btn-square">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-dark btn-square">
|
||||
<a href="javascript:void(0)" class="btn btn-dark btn-square">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
@@ -862,31 +884,31 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-white btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-white btn-pill">
|
||||
White
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-primary btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-pill">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-secondary btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-secondary btn-pill">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-success btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-success btn-pill">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-warning btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-warning btn-pill">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-danger btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-danger btn-pill">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-info btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-info btn-pill">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-light btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-light btn-pill">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-dark btn-pill">
|
||||
<a href="javascript:void(0)" class="btn btn-dark btn-pill">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
@@ -928,28 +950,28 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-outline-primary">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-primary">
|
||||
Primary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-secondary">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-secondary">
|
||||
Secondary
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-success">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-success">
|
||||
Success
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-warning">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-warning">
|
||||
Warning
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-danger">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-danger">
|
||||
Danger
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-info">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-info">
|
||||
Info
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-light">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-light">
|
||||
Light
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-outline-dark">
|
||||
<a href="javascript:void(0)" class="btn btn-outline-dark">
|
||||
Dark
|
||||
</a>
|
||||
</div>
|
||||
@@ -1079,59 +1101,59 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-facebook">
|
||||
<a href="javascript:void(0)" class="btn btn-facebook">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
|
||||
Facebook
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-twitter">
|
||||
<a href="javascript:void(0)" class="btn btn-twitter">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
|
||||
Twitter
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-google">
|
||||
<a href="javascript:void(0)" class="btn btn-google">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
|
||||
Google
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-youtube">
|
||||
<a href="javascript:void(0)" class="btn btn-youtube">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
|
||||
Youtube
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-vimeo">
|
||||
<a href="javascript:void(0)" class="btn btn-vimeo">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
|
||||
Vimeo
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-dribbble">
|
||||
<a href="javascript:void(0)" class="btn btn-dribbble">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
|
||||
Dribbble
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-github">
|
||||
<a href="javascript:void(0)" class="btn btn-github">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
|
||||
Github
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-instagram">
|
||||
<a href="javascript:void(0)" class="btn btn-instagram">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
|
||||
Instagram
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-pinterest">
|
||||
<a href="javascript:void(0)" class="btn btn-pinterest">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
|
||||
Pinterest
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-vk">
|
||||
<a href="javascript:void(0)" class="btn btn-vk">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
|
||||
VK
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-rss">
|
||||
<a href="javascript:void(0)" class="btn btn-rss">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
|
||||
RSS
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-flickr">
|
||||
<a href="javascript:void(0)" class="btn btn-flickr">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
|
||||
Flickr
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-bitbucket">
|
||||
<a href="javascript:void(0)" class="btn btn-bitbucket">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
|
||||
Bitbucker
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-tabler">
|
||||
<a href="javascript:void(0)" class="btn btn-tabler">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
Tabler
|
||||
</a>
|
||||
@@ -1202,46 +1224,46 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-facebook btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-facebook btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M7 10v4h3v7h4v-7h3l1 -4h-4v-2a1 1 0 0 1 1 -1h3v-4h-3a5 5 0 0 0 -5 5v2h-3" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-twitter btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-twitter btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-google btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-google btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M17.788 5.108a9 9 0 1 0 3.212 6.892h-8" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-youtube btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-youtube btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="3" y="5" width="18" height="14" rx="4" /><path d="M10 9l5 3l-5 3z" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-vimeo btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-vimeo btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 8.5l1 1s1.5 -1.102 2 -.5c.509 .609 1.863 7.65 2.5 9c.556 1.184 1.978 2.89 4 1.5c2 -1.5 7.5 -5.5 8.5 -11.5c.444 -2.661 -1 -4 -2.5 -4c-2 0 -4.047 1.202 -4.5 4c2.05 -1.254 2.551 1.003 1.5 3c-1.052 2.005 -2 3 -2.5 3c-.49 0 -.924 -1.165 -1.5 -3.5c-.59 -2.42 -.5 -6.5 -3 -6.5s-5.5 4.5 -5.5 4.5z" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-dribbble btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-dribbble btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><path d="M9 3.6c5 6 7 10.5 7.5 16.2" /><path d="M6.4 19c3.5 -3.5 6 -6.5 14.5 -6.4" /><path d="M3.1 10.75c5 0 9.814 -.38 15.314 -5" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-github btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-github btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-instagram btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-instagram btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="16" height="16" rx="4" /><circle cx="12" cy="12" r="3" /><line x1="16.5" y1="7.5" x2="16.5" y2="7.501" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-pinterest btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-pinterest btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="8" y1="20" x2="12" y2="11" /><path d="M10.7 14c.437 1.263 1.43 2 2.55 2c2.071 0 3.75 -1.554 3.75 -4a5 5 0 1 0 -9.7 1.7" /><circle cx="12" cy="12" r="9" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-vk btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-vk btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 6h2v12c-4.5 -1 -8 -6.5 -9 -12" /><path d="M20 6c-1 2 -3 5 -5 6h-3" /><path d="M20 18c-1 -2 -3 -5 -5 -6" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-rss btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-rss btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="5" cy="19" r="1" /><path d="M4 4a16 16 0 0 1 16 16" /><path d="M4 11a9 9 0 0 1 9 9" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-flickr btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-flickr btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" r="3" /><circle cx="17" cy="12" r="3" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-bitbucket btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-bitbucket btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3.648 4a0.64 .64 0 0 0 -.64 .744l3.14 14.528c.07 .417 .43 .724 .852 .728h10a0.644 .644 0 0 0 .642 -.539l3.35 -14.71a0.641 .641 0 0 0 -.64 -.744l-16.704 -.007z" /><path d="M14 15h-4l-1 -6h6z" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-tabler btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-tabler btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
</div>
|
||||
@@ -1298,25 +1320,25 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-primary btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-github btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-github btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-success btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-success btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-warning btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-warning btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-danger btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-danger btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="4" y1="7" x2="20" y2="7" /><line x1="10" y1="11" x2="10" y2="17" /><line x1="14" y1="11" x2="14" y2="17" /><path d="M5 7l1 12a2 2 0 0 0 2 2h8a2 2 0 0 0 2 -2l1 -12" /><path d="M9 7v-3a1 1 0 0 1 1 -1h4a1 1 0 0 1 1 1v3" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-purple btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-purple btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="3" y="12" width="6" height="8" rx="1" /><rect x="9" y="8" width="6" height="12" rx="1" /><rect x="15" y="4" width="6" height="16" rx="1" /><line x1="4" y1="20" x2="18" y2="20" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-white btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-white btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" r="2" /><line x1="7" y1="8" x2="7" y2="16" /><path d="M7 8a4 4 0 0 0 4 4h4" /></svg>
|
||||
</a>
|
||||
</div>
|
||||
@@ -1353,41 +1375,41 @@
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<div class="dropdown">
|
||||
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
|
||||
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
|
||||
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="5" width="16" height="16" rx="2" /><line x1="16" y1="3" x2="16" y2="7" /><line x1="8" y1="3" x2="8" y2="7" /><line x1="4" y1="11" x2="20" y2="11" /><line x1="11" y1="15" x2="12" y2="15" /><line x1="12" y1="15" x2="12" y2="18" /></svg>
|
||||
Show calendar
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="dropdown">
|
||||
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown">
|
||||
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown">
|
||||
Show calendar
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
@@ -1398,7 +1420,7 @@
|
||||
<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">"dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-bs-toggle=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">></span>
|
||||
@@ -1411,7 +1433,7 @@
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-bs-toggle=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Show calendar
|
||||
<span class="nt"></button></span>
|
||||
@@ -1425,7 +1447,7 @@
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn dropdown-toggle"</span> <span class="na">data-bs-toggle=</span><span class="s">"dropdown"</span><span class="nt">></span>
|
||||
Show calendar
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">></span>
|
||||
@@ -1444,10 +1466,10 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-primary btn-loading">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-loading">
|
||||
Button
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-primary btn-loading">
|
||||
<a href="javascript:void(0)" class="btn btn-primary btn-loading">
|
||||
Loading button with loooong content
|
||||
</a>
|
||||
</div>
|
||||
@@ -1465,8 +1487,8 @@
|
||||
</div>
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<a href="javascript:void()" class="btn btn-primary">
|
||||
<span class="spinner-border spinner-border-sm mr-2" role="status"></span>
|
||||
<a href="javascript:void(0)" class="btn btn-primary">
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status"></span>
|
||||
Button
|
||||
</a>
|
||||
</div>
|
||||
@@ -1474,7 +1496,7 @@
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm mr-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm me-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
Button
|
||||
<span class="nt"></a></span></code></pre>
|
||||
</figure>
|
||||
@@ -1484,9 +1506,9 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-success">Save changes</a>
|
||||
<a href="javascript:void()" class="btn">Save and continue</a>
|
||||
<a href="javascript:void()" class="btn btn-danger">Cancel</a>
|
||||
<a href="javascript:void(0)" class="btn btn-success">Save changes</a>
|
||||
<a href="javascript:void(0)" class="btn">Save and continue</a>
|
||||
<a href="javascript:void(0)" class="btn btn-danger">Cancel</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1503,25 +1525,25 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn">One</a>
|
||||
<a href="javascript:void()" class="btn">Two</a>
|
||||
<a href="javascript:void()" class="btn">Three</a>
|
||||
<a href="javascript:void()" class="btn">Four</a>
|
||||
<a href="javascript:void()" class="btn">Five</a>
|
||||
<a href="javascript:void()" class="btn">Six</a>
|
||||
<a href="javascript:void()" class="btn">Seven</a>
|
||||
<a href="javascript:void()" class="btn">Eight</a>
|
||||
<a href="javascript:void()" class="btn">Nine</a>
|
||||
<a href="javascript:void()" class="btn">Ten</a>
|
||||
<a href="javascript:void()" class="btn">Eleven</a>
|
||||
<a href="javascript:void()" class="btn">Twelve</a>
|
||||
<a href="javascript:void()" class="btn">Thirteen</a>
|
||||
<a href="javascript:void()" class="btn">Fourteen</a>
|
||||
<a href="javascript:void()" class="btn">Fifteen</a>
|
||||
<a href="javascript:void()" class="btn">Sixteen</a>
|
||||
<a href="javascript:void()" class="btn">Seventeen</a>
|
||||
<a href="javascript:void()" class="btn">Eighteen</a>
|
||||
<a href="javascript:void()" class="btn">Nineteen</a>
|
||||
<a href="javascript:void(0)" class="btn">One</a>
|
||||
<a href="javascript:void(0)" class="btn">Two</a>
|
||||
<a href="javascript:void(0)" class="btn">Three</a>
|
||||
<a href="javascript:void(0)" class="btn">Four</a>
|
||||
<a href="javascript:void(0)" class="btn">Five</a>
|
||||
<a href="javascript:void(0)" class="btn">Six</a>
|
||||
<a href="javascript:void(0)" class="btn">Seven</a>
|
||||
<a href="javascript:void(0)" class="btn">Eight</a>
|
||||
<a href="javascript:void(0)" class="btn">Nine</a>
|
||||
<a href="javascript:void(0)" class="btn">Ten</a>
|
||||
<a href="javascript:void(0)" class="btn">Eleven</a>
|
||||
<a href="javascript:void(0)" class="btn">Twelve</a>
|
||||
<a href="javascript:void(0)" class="btn">Thirteen</a>
|
||||
<a href="javascript:void(0)" class="btn">Fourteen</a>
|
||||
<a href="javascript:void(0)" class="btn">Fifteen</a>
|
||||
<a href="javascript:void(0)" class="btn">Sixteen</a>
|
||||
<a href="javascript:void(0)" class="btn">Seventeen</a>
|
||||
<a href="javascript:void(0)" class="btn">Eighteen</a>
|
||||
<a href="javascript:void(0)" class="btn">Nineteen</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1550,12 +1572,12 @@
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<p>Use the <code class="language-plaintext highlighter-rouge">.text-center</code> or the <code class="language-plaintext highlighter-rouge">.text-right</code> modifiers to change the buttons’ alignment and place them where they suit best.</p>
|
||||
<p>Use the <code class="language-plaintext highlighter-rouge">.text-center</code> or the <code class="language-plaintext highlighter-rouge">.text-end</code> modifiers to change the buttons’ alignment and place them where they suit best.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="btn-list justify-content-center">
|
||||
<a href="javascript:void()" class="btn">Save and continue</a>
|
||||
<a href="javascript:void()" class="btn btn-primary">Save changes</a>
|
||||
<a href="javascript:void(0)" class="btn">Save and continue</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1570,8 +1592,8 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="btn-list justify-content-end">
|
||||
<a href="javascript:void()" class="btn">Save and continue</a>
|
||||
<a href="javascript:void()" class="btn btn-primary">Save changes</a>
|
||||
<a href="javascript:void(0)" class="btn">Save and continue</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary">Save changes</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1586,16 +1608,16 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn btn-outline-danger mr-auto">Delete</a>
|
||||
<a href="javascript:void()" class="btn">Save and continue</a>
|
||||
<a href="javascript:void()" class="btn btn-primary">Save changes</a>
|
||||
<a href="javascript:void(0)" class="btn btn-outline-danger me-auto">Delete</a>
|
||||
<a href="javascript:void(0)" class="btn">Save and continue</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary">Save changes</a>
|
||||
</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">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-danger mr-auto"</span><span class="nt">></span>Delete<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-outline-danger me-auto"</span><span class="nt">></span>Delete<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn"</span><span class="nt">></span>Save and continue<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">></span>Save changes<span class="nt"></a></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
@@ -1606,15 +1628,15 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void()" class="btn">
|
||||
<a href="javascript:void(0)" class="btn">
|
||||
<span class="avatar" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
Avatar
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn">
|
||||
<a href="javascript:void(0)" class="btn">
|
||||
<span class="avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
|
||||
Avatar
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn">
|
||||
<a href="javascript:void(0)" class="btn">
|
||||
<span class="avatar" style="background-image: url(../static/avatars/001f.jpg)"></span>
|
||||
Avatar
|
||||
</a>
|
||||
@@ -1646,22 +1668,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1674,8 +1696,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Cards</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/card/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -724,20 +746,20 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card d-flex flex-column">
|
||||
<a href="javascript:void()">
|
||||
<a href="javascript:void(0)">
|
||||
<img class="card-img-top" src="../static/photos/36e273986ed577b8.jpg" alt="How do you know she is a witch?" />
|
||||
</a>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h3 class="card-title"><a href="javascript:void()">How do you know she is a witch?</a></h3>
|
||||
<h3 class="card-title"><a href="javascript:void(0)">How do you know she is a witch?</a></h3>
|
||||
<div class="text-muted">Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...</div>
|
||||
<div class="d-flex align-items-center pt-4 mt-auto">
|
||||
<span class="avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
|
||||
<div class="ml-3">
|
||||
<div class="ms-3">
|
||||
<a href="../profile.html" class="text-body">Maryjo Lebarree</a>
|
||||
<div class="text-muted">3 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<a href="javascript:void()" class="icon d-none d-md-inline-block ml-3 text-muted">
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
</div>
|
||||
@@ -758,12 +780,12 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center pt-4 mt-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ml-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ms-3"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-body"</span><span class="nt">></span>Maryjo Lebarree<span class="nt"></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>3 days ago<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ml-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"icon d-none d-md-inline-block ml-3 text-muted"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"icon d-none d-md-inline-block ms-3 text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -826,22 +848,22 @@
|
||||
<div class="card d-flex flex-column">
|
||||
<div class="row row-0 flex-fill">
|
||||
<div class="col-md-3">
|
||||
<a href="javascript:void()">
|
||||
<a href="javascript:void(0)">
|
||||
<img src="../static/photos/75b555b99d5b38c4.jpg" class="w-100 h-100 object-cover" alt="Card side image" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title"><a href="javascript:void()">Shut up!</a></h3>
|
||||
<h3 class="card-title"><a href="javascript:void(0)">Shut up!</a></h3>
|
||||
<div class="text-muted">Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil yo...</div>
|
||||
<div class="d-flex align-items-center pt-4 mt-auto">
|
||||
<span class="avatar" style="background-image: url(../static/avatars/001f.jpg)"></span>
|
||||
<div class="ml-3">
|
||||
<div class="ms-3">
|
||||
<a href="../profile.html" class="text-body">Egan Poetz</a>
|
||||
<div class="text-muted">3 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<a href="javascript:void()" class="icon d-none d-md-inline-block ml-3 text-red">
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ms-3 text-red">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
</div>
|
||||
@@ -868,12 +890,12 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil yo...<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center pt-4 mt-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ml-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ms-3"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-body"</span><span class="nt">></span>Egan Poetz<span class="nt"></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>3 days ago<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ml-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"icon d-none d-md-inline-block ml-3 text-red"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"icon d-none d-md-inline-block ms-3 text-red"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -902,7 +924,7 @@
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
<div class="card-status-left bg-green"></div>
|
||||
<div class="card-status-start bg-green"></div>
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Card with side status</h3>
|
||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||
@@ -929,7 +951,7 @@
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-md-6"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-status-left bg-green"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-status-start bg-green"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>
|
||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card with side status<span class="nt"></h3></span>
|
||||
<span class="nt"><p></span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima
|
||||
@@ -972,13 +994,13 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-2">
|
||||
<!-- Cards with tabs component -->
|
||||
<div class="card-tabs">
|
||||
<div class="card-tabs ">
|
||||
<!-- Cards navigation -->
|
||||
<ul class="nav nav-tabs">
|
||||
<li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-2" class="nav-link" data-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-3" class="nav-link" data-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-4" class="nav-link" data-toggle="tab">Tab 4</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-1" class="nav-link active" data-bs-toggle="tab">Tab 1</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-2" class="nav-link" data-bs-toggle="tab">Tab 2</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-3" class="nav-link" data-bs-toggle="tab">Tab 3</a></li>
|
||||
<li class="nav-item"><a href="#tab-top-4" class="nav-link" data-bs-toggle="tab">Tab 4</a></li>
|
||||
</ul>
|
||||
<div class="tab-content">
|
||||
<!-- Content of card #1 -->
|
||||
@@ -1025,13 +1047,13 @@
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="c"><!-- Cards with tabs component --></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-tabs "</span><span class="nt">></span>
|
||||
<span class="c"><!-- Cards navigation --></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-1"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-2"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 2<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-3"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-4"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 4<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-1"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 1<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-2"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 2<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-3"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 3<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#tab-top-4"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Tab 4<span class="nt"></a></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"tab-content"</span><span class="nt">></span>
|
||||
<span class="c"><!-- Content of card #1 --></span>
|
||||
@@ -1083,22 +1105,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1111,8 +1133,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Carousel</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/carousel/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -576,36 +598,36 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div style="max-width: 20rem">
|
||||
<div id="carousel-sample" class="carousel slide" data-ride="carousel">
|
||||
<div id="carousel-sample" class="carousel slide" data-bs-ride="carousel">
|
||||
<ol class="carousel-indicators">
|
||||
<li data-target="#carousel-sample" data-slide-to="0" class="active"></li>
|
||||
<li data-target="#carousel-sample" data-slide-to="1" class=""></li>
|
||||
<li data-target="#carousel-sample" data-slide-to="2" class=""></li>
|
||||
<li data-target="#carousel-sample" data-slide-to="3" class=""></li>
|
||||
<li data-target="#carousel-sample" data-slide-to="4" class=""></li>
|
||||
<li data-bs-target="#carousel-sample" data-bs-slide-to="0" class="active"></li>
|
||||
<li data-bs-target="#carousel-sample" data-bs-slide-to="1" class=""></li>
|
||||
<li data-bs-target="#carousel-sample" data-bs-slide-to="2" class=""></li>
|
||||
<li data-bs-target="#carousel-sample" data-bs-slide-to="3" class=""></li>
|
||||
<li data-bs-target="#carousel-sample" data-bs-slide-to="4" class=""></li>
|
||||
</ol>
|
||||
<div class="carousel-inner">
|
||||
<div class="carousel-item active">
|
||||
<img class="d-block w-100" alt="" src="../static/photos/1b73704b282a8ec6.jpg" data-holder-rendered="true" />
|
||||
<img class="d-block w-100" alt="" src="../static/photos/1b73704b282a8ec6.jpg" />
|
||||
</div>
|
||||
<div class="carousel-item">
|
||||
<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/3d2998219313cd37.jpg" />
|
||||
</div>
|
||||
<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/6ab3200b14549f8a.jpg" />
|
||||
</div>
|
||||
<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/6d35d9a2bd6c63c2.jpg" />
|
||||
</div>
|
||||
<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/8a26974ee6444acd.jpg" />
|
||||
</div>
|
||||
</div>
|
||||
<a class="carousel-control-prev" href="#carousel-sample" role="button" data-slide="prev">
|
||||
<a class="carousel-control-prev" href="#carousel-sample" 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-sample" role="button" data-slide="next">
|
||||
<a class="carousel-control-next" href="#carousel-sample" role="button" data-bs-slide="next">
|
||||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||||
<span class="visually-hidden">Next</span>
|
||||
</a>
|
||||
@@ -615,36 +637,36 @@
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">id=</span><span class="s">"carousel-sample"</span> <span class="na">class=</span><span class="s">"carousel slide"</span> <span class="na">data-ride=</span><span class="s">"carousel"</span><span class="nt">></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">id=</span><span class="s">"carousel-sample"</span> <span class="na">class=</span><span class="s">"carousel slide"</span> <span class="na">data-bs-ride=</span><span class="s">"carousel"</span><span class="nt">></span>
|
||||
<span class="nt"><ol</span> <span class="na">class=</span><span class="s">"carousel-indicators"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">data-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-slide-to=</span><span class="s">"0"</span> <span class="na">class=</span><span class="s">"active"</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-slide-to=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-slide-to=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-slide-to=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-slide-to=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-bs-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-bs-slide-to=</span><span class="s">"0"</span> <span class="na">class=</span><span class="s">"active"</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-bs-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-bs-slide-to=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-bs-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-bs-slide-to=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-bs-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-bs-slide-to=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"><li</span> <span class="na">data-bs-target=</span><span class="s">"#carousel-sample"</span> <span class="na">data-bs-slide-to=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">""</span><span class="nt">></li></span>
|
||||
<span class="nt"></ol></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"carousel-inner"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"carousel-item active"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">data-holder-rendered=</span><span class="s">"true"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span><span class="nt">></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"carousel-item"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">data-holder-rendered=</span><span class="s">"true"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span><span class="nt">></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"carousel-item"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">data-holder-rendered=</span><span class="s">"true"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span><span class="nt">></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"carousel-item"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">data-holder-rendered=</span><span class="s">"true"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span><span class="nt">></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"carousel-item"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span> <span class="na">data-holder-rendered=</span><span class="s">"true"</span><span class="nt">></span>
|
||||
<span class="nt"><img</span> <span class="na">class=</span><span class="s">"d-block w-100"</span> <span class="na">alt=</span><span class="s">""</span> <span class="na">src=</span><span class="s">"..."</span><span class="nt">></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"carousel-control-prev"</span> <span class="na">href=</span><span class="s">"#carousel-sample"</span> <span class="na">role=</span><span class="s">"button"</span> <span class="na">data-slide=</span><span class="s">"prev"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"carousel-control-prev"</span> <span class="na">href=</span><span class="s">"#carousel-sample"</span> <span class="na">role=</span><span class="s">"button"</span> <span class="na">data-bs-slide=</span><span class="s">"prev"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"carousel-control-prev-icon"</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"visually-hidden"</span><span class="nt">></span>Previous<span class="nt"></span></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"carousel-control-next"</span> <span class="na">href=</span><span class="s">"#carousel-sample"</span> <span class="na">role=</span><span class="s">"button"</span> <span class="na">data-slide=</span><span class="s">"next"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"carousel-control-next"</span> <span class="na">href=</span><span class="s">"#carousel-sample"</span> <span class="na">role=</span><span class="s">"button"</span> <span class="na">data-bs-slide=</span><span class="s">"next"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"carousel-control-next-icon"</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"visually-hidden"</span><span class="nt">></span>Next<span class="nt"></span></span>
|
||||
<span class="nt"></a></span>
|
||||
@@ -660,22 +682,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -688,8 +710,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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 active">
|
||||
Charts
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Charts</h1>
|
||||
</div>
|
||||
</div>
|
||||
@@ -574,22 +596,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -602,8 +624,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link active">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Colors</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/utilities/colors/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -808,22 +830,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -836,8 +858,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Countup</h1>
|
||||
</div>
|
||||
<p>A countup element is used to display numerical data in an interesting way and make the interface more interactive. All the available options can be found [here](https://inorganik.github.io/countUp.js/)</p>
|
||||
@@ -743,22 +765,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -772,8 +794,5 @@
|
||||
<script src="../dist/libs/countup.js/dist/countUp.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse show" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link active">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<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>
|
||||
@@ -632,22 +654,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -660,8 +682,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Divider</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/dropdowns/#dividers" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -690,22 +712,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -718,8 +740,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Dropdowns</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/dropdowns" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -576,10 +598,10 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
@@ -602,14 +624,14 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="javascript:void()">Separated link</a>
|
||||
<a class="dropdown-item" href="javascript:void(0)">Separated link</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -632,13 +654,13 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
<a class="dropdown-item active" href="javascript:void()">Active action</a>
|
||||
<a class="dropdown-item active" href="javascript:void(0)">Active action</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -660,13 +682,13 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
<a class="dropdown-item disabled" href="javascript:void()">Disabled action</a>
|
||||
<a class="dropdown-item disabled" href="javascript:void(0)">Disabled action</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -689,10 +711,10 @@
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<span class="dropdown-header">Dropdown header</span>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
@@ -717,11 +739,11 @@
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<span class="dropdown-header">Dropdown header</span>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 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 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
|
||||
Another action
|
||||
</a>
|
||||
@@ -748,10 +770,10 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo dropdown-menu-arrow">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
@@ -774,13 +796,13 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
<span class="badge bg-primary ml-auto">12</span>
|
||||
<span class="badge bg-primary ms-auto">12</span>
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
<span class="badge bg-green ml-auto"></span>
|
||||
<span class="badge bg-green ms-auto"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -790,11 +812,11 @@
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"dropdown-menu dropdown-menu-demo"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"dropdown-item"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
|
||||
Action
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-primary ml-auto"</span><span class="nt">></span>12<span class="nt"></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-primary ms-auto"</span><span class="nt">></span>12<span class="nt"></span></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"dropdown-item"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
|
||||
Another action
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-green ml-auto"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"badge bg-green ms-auto"</span><span class="nt">></span></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
@@ -804,36 +826,36 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox" /> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox" /> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox" /> Option 3</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox" /> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox" /> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox" /> Option 3</label>
|
||||
</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">"dropdown-menu dropdown-menu-demo"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 mr-2"</span> <span class="na">type=</span><span class="s">"checkbox"</span><span class="nt">></span> Option 1<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 mr-2"</span> <span class="na">type=</span><span class="s">"checkbox"</span><span class="nt">></span> Option 2<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 mr-2"</span> <span class="na">type=</span><span class="s">"checkbox"</span><span class="nt">></span> Option 3<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 me-2"</span> <span class="na">type=</span><span class="s">"checkbox"</span><span class="nt">></span> Option 1<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 me-2"</span> <span class="na">type=</span><span class="s">"checkbox"</span><span class="nt">></span> Option 2<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 me-2"</span> <span class="na">type=</span><span class="s">"checkbox"</span><span class="nt">></span> Option 3<span class="nt"></label></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio" /> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio" /> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio" /> Option 3</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio" /> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio" /> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio" /> Option 3</label>
|
||||
</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">"dropdown-menu dropdown-menu-demo"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 mr-2"</span> <span class="na">type=</span><span class="s">"radio"</span><span class="nt">></span> Option 1<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 mr-2"</span> <span class="na">type=</span><span class="s">"radio"</span><span class="nt">></span> Option 2<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 mr-2"</span> <span class="na">type=</span><span class="s">"radio"</span><span class="nt">></span> Option 3<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 me-2"</span> <span class="na">type=</span><span class="s">"radio"</span><span class="nt">></span> Option 1<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 me-2"</span> <span class="na">type=</span><span class="s">"radio"</span><span class="nt">></span> Option 2<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"dropdown-item"</span><span class="nt">><input</span> <span class="na">class=</span><span class="s">"form-check-input m-0 me-2"</span> <span class="na">type=</span><span class="s">"radio"</span><span class="nt">></span> Option 3<span class="nt"></label></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -843,11 +865,11 @@
|
||||
<div class="example-content">
|
||||
<div class="dropdown-menu dropdown-menu-demo dropdown-menu-arrow bg-dark text-white">
|
||||
<span class="dropdown-header">Dropdown header</span>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 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 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
|
||||
Another action
|
||||
</a>
|
||||
@@ -874,27 +896,27 @@
|
||||
<div class="example no_toc_section example-centered">
|
||||
<div class="example-content">
|
||||
<div class="btn-list align-items-start">
|
||||
<a href="javascript:void()" class="btn btn-white">
|
||||
<a href="javascript:void(0)" class="btn btn-white">
|
||||
Button
|
||||
</a>
|
||||
<div class="dropdown show">
|
||||
<a href="javascript:void()" class="btn btn-primary dropdown-toggle">Dropdown</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary dropdown-toggle">Dropdown</a>
|
||||
<div class="dropdown-menu dropdown-menu-card show position-static" style="max-width: 20rem;">
|
||||
<div class="card d-flex flex-column">
|
||||
<a href="javascript:void()">
|
||||
<a href="javascript:void(0)">
|
||||
<img class="card-img-top" src="../static/photos/36e273986ed577b8.jpg" alt="How do you know she is a witch?" />
|
||||
</a>
|
||||
<div class="card-body d-flex flex-column">
|
||||
<h3 class="card-title"><a href="javascript:void()">How do you know she is a witch?</a></h3>
|
||||
<h3 class="card-title"><a href="javascript:void(0)">How do you know she is a witch?</a></h3>
|
||||
<div class="text-muted">Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...</div>
|
||||
<div class="d-flex align-items-center pt-4 mt-auto">
|
||||
<span class="avatar" style="background-image: url(../static/avatars/000f.jpg)"></span>
|
||||
<div class="ml-3">
|
||||
<div class="ms-3">
|
||||
<a href="../profile.html" class="text-body">Maryjo Lebarree</a>
|
||||
<div class="text-muted">3 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<a href="javascript:void()" class="icon d-none d-md-inline-block ml-3 text-muted">
|
||||
<div class="ms-auto">
|
||||
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
</div>
|
||||
@@ -923,12 +945,12 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center pt-4 mt-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ml-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ms-3"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-body"</span><span class="nt">></span>Maryjo Lebarree<span class="nt"></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>3 days ago<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ml-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"icon d-none d-md-inline-block ml-3 text-muted"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"icon d-none d-md-inline-block ms-3 text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -948,22 +970,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -976,8 +998,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Empty states</h1>
|
||||
</div>
|
||||
<p>Empty states or blank pages are commonly used as placeholders for first-use, empty data or error screens. Their aim is to engage users when there is no content to display and that is why their design is extremely important from the point of view of the user experience of your website or app.</p>
|
||||
@@ -686,22 +708,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -714,8 +736,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,13 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Flags</h1>
|
||||
</div>
|
||||
<div class="alert alert-info">This module is available in <code>tabler-flags</code>
|
||||
plugin.
|
||||
<div class="alert alert-primary mb-4">
|
||||
<h4 class="alert-title">Important!</h4>
|
||||
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-flags.css</code> or <code>tabler-flags.min.css</code> file to your page.</p>
|
||||
</div>
|
||||
<p>Thanks to the Tabler flags plug-in, you can create flags to visually represent countries or languages. Flags are often used in forms, as an element of a delivery address, phone number dialling code and many more.</p>
|
||||
</div>
|
||||
@@ -572,15 +595,15 @@
|
||||
<p>To create a flag, add the <code class="language-plaintext highlighter-rouge">flag</code> class to a component and choose the country whose flag you want to use. The full list of countries can be found below.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<span class="flag flag-country-tg mr-1"></span>
|
||||
<span class="flag flag-country-br mr-1"></span>
|
||||
<span class="flag flag-country-tg me-1"></span>
|
||||
<span class="flag flag-country-br me-1"></span>
|
||||
<span class="flag flag-country-pt"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-country-tg mr-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-country-br mr-1"</span><span class="nt">></span></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-country-tg me-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-country-br me-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-country-pt"</span><span class="nt">></span></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -588,20 +611,20 @@
|
||||
<p>Using Bootstrap’s typical naming structure, you can create a standard flag, or scale it up or down to different sizes based on what’s needed.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<span class="flag flag-xl flag-country-pl mr-1"></span>
|
||||
<span class="flag flag-lg flag-country-pl mr-1"></span>
|
||||
<span class="flag flag-xl flag-country-pl me-1"></span>
|
||||
<span class="flag flag-lg flag-country-pl me-1"></span>
|
||||
<span class="flag flag-md flag-country-pl"></span>
|
||||
<span class="flag flag-sm flag-country-pl mr-1"></span>
|
||||
<span class="flag flag-xs flag-country-pl mr-1"></span>
|
||||
<span class="flag flag-sm flag-country-pl me-1"></span>
|
||||
<span class="flag flag-xs flag-country-pl me-1"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-xl flag-country-pl mr-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-lg flag-country-pl mr-1"</span><span class="nt">></span></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-xl flag-country-pl me-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-lg flag-country-pl me-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-md flag-country-pl"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-sm flag-country-pl mr-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-xs flag-country-pl mr-1"</span><span class="nt">></span></span></code></pre>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-sm flag-country-pl me-1"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"flag flag-xs flag-country-pl me-1"</span><span class="nt">></span></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="types">Types</h2>
|
||||
@@ -2123,22 +2146,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -2151,8 +2174,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -20,29 +20,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -51,14 +48,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -85,11 +82,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -98,6 +95,9 @@
|
||||
<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>
|
||||
@@ -110,6 +110,9 @@
|
||||
<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>
|
||||
@@ -122,17 +125,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -148,9 +154,6 @@
|
||||
<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>
|
||||
@@ -160,11 +163,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -175,8 +181,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -199,7 +205,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -240,7 +246,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -256,6 +262,9 @@
|
||||
<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>
|
||||
@@ -273,6 +282,9 @@
|
||||
<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>
|
||||
@@ -308,7 +320,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -328,22 +340,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -362,13 +379,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -435,13 +452,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -502,13 +519,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -517,13 +534,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -539,6 +556,11 @@
|
||||
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
|
||||
@@ -551,7 +573,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -560,12 +582,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Form elements</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/forms/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -727,7 +749,7 @@
|
||||
<input type="text" class="form-control" placeholder="Search for…" />
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<a href="javascript:void()" class="btn btn-white btn-icon" aria-label="Button">
|
||||
<a href="javascript:void(0)" class="btn btn-white btn-icon" aria-label="Button">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
</a>
|
||||
</div>
|
||||
@@ -1280,7 +1302,7 @@
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="checkbox" name="name" value="moon" class="form-selectgroup-input" />
|
||||
<span class="form-selectgroup-label"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 3c0.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
|
||||
<span class="form-selectgroup-label"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
|
||||
</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
@@ -1304,22 +1326,22 @@
|
||||
<div class="form-selectgroup">
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="home" class="form-selectgroup-input" checked="" />
|
||||
<span class="form-selectgroup-label"><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" /><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="form-selectgroup-label"><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" /><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>
|
||||
Home</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="user" class="form-selectgroup-input" />
|
||||
<span class="form-selectgroup-label"><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" /><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
<span class="form-selectgroup-label"><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" /><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
User</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="circle" class="form-selectgroup-input" />
|
||||
<span class="form-selectgroup-label"><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" /><circle cx="12" cy="12" r="9" /></svg>
|
||||
<span class="form-selectgroup-label"><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" /><circle cx="12" cy="12" r="9" /></svg>
|
||||
Circle</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="square" class="form-selectgroup-input" />
|
||||
<span class="form-selectgroup-label"><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" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
||||
<span class="form-selectgroup-label"><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" /><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
||||
Square</span>
|
||||
</label>
|
||||
</div>
|
||||
@@ -1404,22 +1426,22 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup"</span><span class="nt">></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"icons"</span> <span class="na">value=</span><span class="s">"home"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-1" --></span>
|
||||
Home<span class="nt"></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"icons"</span> <span class="na">value=</span><span class="s">"user"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-1" --></span>
|
||||
User<span class="nt"></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"icons"</span> <span class="na">value=</span><span class="s">"circle"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-1" --></span>
|
||||
Circle<span class="nt"></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"icons"</span> <span class="na">value=</span><span class="s">"square"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-1" --></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-1" --></span>
|
||||
Square<span class="nt"></span></span>
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -1457,11 +1479,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="radio" name="form-payment" value="visa" class="form-selectgroup-input" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="payment payment-provider-visa payment-xs mr-2"></span>
|
||||
<span class="payment payment-provider-visa payment-xs me-2"></span>
|
||||
ending in <strong>7998</strong>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1469,11 +1491,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="radio" name="form-payment" value="mastercard" class="form-selectgroup-input" checked="" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="payment payment-provider-mastercard payment-xs mr-2"></span>
|
||||
<span class="payment payment-provider-mastercard payment-xs me-2"></span>
|
||||
ending in <strong>2807</strong>
|
||||
</div>
|
||||
</div>
|
||||
@@ -1481,11 +1503,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="radio" name="form-payment" value="paypal" class="form-selectgroup-input" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="payment payment-provider-paypal payment-xs mr-2"></span>
|
||||
<span class="payment payment-provider-paypal payment-xs me-2"></span>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
@@ -1497,11 +1519,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="1" class="form-selectgroup-input" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Paweł Kuna</div>
|
||||
<div class="text-muted">UI Designer</div>
|
||||
@@ -1512,11 +1534,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="2" class="form-selectgroup-input" checked="" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3">JL</span>
|
||||
<span class="avatar me-3">JL</span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Jeffie Lewzey</div>
|
||||
<div class="text-muted">Chemical Engineer</div>
|
||||
@@ -1527,11 +1549,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="3" class="form-selectgroup-input" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Mallory Hulme</div>
|
||||
<div class="text-muted">Geologist IV</div>
|
||||
@@ -1542,11 +1564,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="4" class="form-selectgroup-input" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Dunn Slane</div>
|
||||
<div class="text-muted">Research Nurse</div>
|
||||
@@ -1557,11 +1579,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="5" class="form-selectgroup-input" />
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(../static/avatars/000f.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(../static/avatars/000f.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Emmy Levet</div>
|
||||
<div class="text-muted">VP Product Management</div>
|
||||
@@ -1581,11 +1603,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"form-payment"</span> <span class="na">value=</span><span class="s">"visa"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-visa payment-xs mr-2"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-visa payment-xs me-2"</span><span class="nt">></span></span>
|
||||
ending in <span class="nt"><strong></span>7998<span class="nt"></strong></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -1593,11 +1615,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"form-payment"</span> <span class="na">value=</span><span class="s">"mastercard"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-mastercard payment-xs mr-2"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-mastercard payment-xs me-2"</span><span class="nt">></span></span>
|
||||
ending in <span class="nt"><strong></span>2807<span class="nt"></strong></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -1605,11 +1627,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"form-payment"</span> <span class="na">value=</span><span class="s">"paypal"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-paypal payment-xs mr-2"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-paypal payment-xs me-2"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></label></span>
|
||||
@@ -1621,11 +1643,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"form-project-manager[]"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">></span>Paweł Kuna<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>UI Designer<span class="nt"></div></span>
|
||||
@@ -1636,11 +1658,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"form-project-manager[]"</span> <span class="na">value=</span><span class="s">"2"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span><span class="nt">></span>JL<span class="nt"></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar me-3"</span><span class="nt">></span>JL<span class="nt"></span></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">></span>Jeffie Lewzey<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Chemical Engineer<span class="nt"></div></span>
|
||||
@@ -1651,11 +1673,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"form-project-manager[]"</span> <span class="na">value=</span><span class="s">"3"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">></span>Mallory Hulme<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Geologist IV<span class="nt"></div></span>
|
||||
@@ -1666,11 +1688,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"form-project-manager[]"</span> <span class="na">value=</span><span class="s">"4"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">></span>Dunn Slane<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Research Nurse<span class="nt"></div></span>
|
||||
@@ -1681,11 +1703,11 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item flex-fill"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">name=</span><span class="s">"form-project-manager[]"</span> <span class="na">value=</span><span class="s">"5"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content d-flex align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar mr-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar me-3"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"font-weight-medium"</span><span class="nt">></span>Emmy Levet<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>VP Product Management<span class="nt"></div></span>
|
||||
@@ -2093,10 +2115,10 @@
|
||||
<span class="input-group-text">
|
||||
https://tabler.io/users/
|
||||
</span>
|
||||
<input type="text" class="form-control pl-0" value="yourfancyusername" autocomplete="off" />
|
||||
<input type="text" class="form-control ps-0" value="yourfancyusername" autocomplete="off" />
|
||||
</div>
|
||||
<div class="input-group input-group-flat">
|
||||
<input type="text" class="form-control text-right pr-0" value="yourfancydomain" autocomplete="off" />
|
||||
<input type="text" class="form-control text-end pe-0" value="yourfancydomain" autocomplete="off" />
|
||||
<span class="input-group-text">
|
||||
.tabler.io
|
||||
</span>
|
||||
@@ -2112,10 +2134,10 @@
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text"</span><span class="nt">></span>
|
||||
https://tabler.io/users/
|
||||
<span class="nt"></span></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 pl-0"</span> <span class="na">value=</span><span class="s">"yourfancyusername"</span> <span class="na">autocomplete=</span><span class="s">"off"</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 ps-0"</span> <span class="na">value=</span><span class="s">"yourfancyusername"</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">"input-group input-group-flat"</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 text-right pr-0"</span> <span class="na">value=</span><span class="s">"yourfancydomain"</span> <span class="na">autocomplete=</span><span class="s">"off"</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 text-end pe-0"</span> <span class="na">value=</span><span class="s">"yourfancydomain"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text"</span><span class="nt">></span>
|
||||
.tabler.io
|
||||
<span class="nt"></span></span>
|
||||
@@ -2132,7 +2154,7 @@
|
||||
<div class="input-group input-group-flat">
|
||||
<input type="password" class="form-control" value="ultrastrongpassword" autocomplete="off" />
|
||||
<span class="input-group-text">
|
||||
<a href="javascript:void()" class="input-group-link">Show password</a>
|
||||
<a href="javascript:void(0)" class="input-group-link">Show password</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
@@ -2160,11 +2182,11 @@
|
||||
<div class="input-group input-group-flat">
|
||||
<input type="text" class="form-control" autocomplete="off" />
|
||||
<span class="input-group-text">
|
||||
<a href="javascript:void()" class="link-secondary" title="Clear search" data-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="javascript:void(0)" class="link-secondary" title="Clear search" data-bs-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
<a href="javascript:void()" class="link-secondary ml-2" title="Search settings" data-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
|
||||
<a href="javascript:void(0)" class="link-secondary ms-2" title="Search settings" data-bs-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
|
||||
</a>
|
||||
<a href="javascript:void()" class="link-secondary ml-2 disabled" title="Add notification" data-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
<a href="javascript:void(0)" class="link-secondary ms-2 disabled" title="Add notification" data-bs-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
@@ -2178,11 +2200,11 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-group input-group-flat"</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"</span> <span class="na">autocomplete=</span><span class="s">"off"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"link-secondary"</span> <span class="na">title=</span><span class="s">"Clear search"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"link-secondary"</span> <span class="na">title=</span><span class="s">"Clear search"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"link-secondary ml-2"</span> <span class="na">title=</span><span class="s">"Search settings"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"link-secondary ms-2"</span> <span class="na">title=</span><span class="s">"Search settings"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"link-secondary ml-2 disabled"</span> <span class="na">title=</span><span class="s">"Add notification"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"link-secondary ms-2 disabled"</span> <span class="na">title=</span><span class="s">"Add notification"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -2198,22 +2220,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -2279,8 +2301,5 @@
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-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>
|
||||
@@ -569,12 +591,12 @@
|
||||
<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 no_toc_section">
|
||||
<div class="example-content">
|
||||
<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>
|
||||
<span class="form-help" data-bs-toggle="popover" data-bs-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 class="example-code">
|
||||
<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-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>
|
||||
<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-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>
|
||||
"</span><span class="nt">></span>?<span class="nt"></span></span></code></pre>
|
||||
</figure>
|
||||
@@ -588,22 +610,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -616,8 +638,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Icons</h1>
|
||||
</div>
|
||||
</div>
|
||||
@@ -640,22 +662,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -668,8 +690,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link active">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Introduction</h1>
|
||||
</div>
|
||||
</div>
|
||||
@@ -601,22 +623,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -629,8 +651,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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"/><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 show" id="menu-plugins">
|
||||
<ul class="nav nav-pills collapse show" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-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>
|
||||
@@ -588,22 +610,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -616,8 +638,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Modals</h1>
|
||||
</div>
|
||||
<p>Use Bootstrap’s JavaScript modal plugin to add dialogs to your site for lightboxes, user notifications, or completely custom content.</p>
|
||||
@@ -573,14 +595,14 @@
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">Modal title</h5>
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn mr-auto" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary" data-dismiss="modal">Save changes</button>
|
||||
<button type="button" class="btn me-auto" data-bs-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Save changes</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -592,14 +614,14 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-content"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-header"</span><span class="nt">></span>
|
||||
<span class="nt"><h5</span> <span class="na">class=</span><span class="s">"modal-title"</span><span class="nt">></span>Modal title<span class="nt"></h5></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-body"</span><span class="nt">></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci animi beatae delectus deleniti dolorem eveniet facere fuga iste nemo nesciunt nihil odio perspiciatis, quia quis reprehenderit sit tempora totam unde.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-footer"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn mr-auto"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>Close<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>Save changes<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn me-auto"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>Close<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>Save changes<span class="nt"></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
@@ -611,13 +633,24 @@
|
||||
<div class="example-modal-backdrop"></div>
|
||||
<div class="modal-dialog modal-sm" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-body">
|
||||
<div class="modal-title">Are you sure?</div>
|
||||
<div>If you proceed, you will lose all your personal data.</div>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-status bg-danger"></div>
|
||||
<div class="modal-body text-center py-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-danger icon-lg" width="24" height="24" viewBox="0 0 24 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 9v2m0 4v.01" /><path d="M5 19h14a2 2 0 0 0 1.84 -2.75l-7.1 -12.25a2 2 0 0 0 -3.5 0l-7.1 12.25a2 2 0 0 0 1.75 2.75" /></svg>
|
||||
<h3>Are you sure?</h3>
|
||||
<div class="text-muted">Do you really want to remove 84 files? What you've done cannot be undone.</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-link link-secondary mr-auto" data-dismiss="modal">Cancel</button>
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal">Yes, delete all my data</button>
|
||||
<div class="w-100">
|
||||
<div class="row">
|
||||
<div class="col"><a href="javascript:void(0)" class="btn btn-white w-100" data-bs-dismiss="modal">
|
||||
Cancel
|
||||
</a></div>
|
||||
<div class="col"><a href="javascript:void(0)" class="btn btn-danger w-100" data-bs-dismiss="modal">
|
||||
Delete 84 items
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -627,13 +660,79 @@
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-dialog modal-sm"</span> <span class="na">role=</span><span class="s">"document"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-content"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-body"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-title"</span><span class="nt">></span>Are you sure?<span class="nt"></div></span>
|
||||
<span class="nt"><div></span>If you proceed, you will lose all your personal data.<span class="nt"></div></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-status bg-danger"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-body text-center py-4"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="mb-2 text-danger icon-lg" --></span>
|
||||
<span class="nt"><h3></span>Are you sure?<span class="nt"></h3></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Do you really want to remove 84 files? What you've done cannot be undone.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-footer"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-link link-secondary mr-auto"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>Cancel<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn btn-danger"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>Yes, delete all my data<span class="nt"></button></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-100"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white w-100"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
Cancel
|
||||
<span class="nt"></a></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-danger w-100"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
Delete 84 items
|
||||
<span class="nt"></a></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="example-modal-backdrop"></div>
|
||||
<div class="modal-dialog modal-sm" role="document">
|
||||
<div class="modal-content">
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
<div class="modal-status bg-success"></div>
|
||||
<div class="modal-body text-center py-4">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon mb-2 text-green icon-lg" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /><path d="M9 12l2 2l4 -4" /></svg>
|
||||
<h3>Payment succedeed</h3>
|
||||
<div class="text-muted">Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<div class="w-100">
|
||||
<div class="row">
|
||||
<div class="col"><a href="javascript:void(0)" class="btn btn-white w-100" data-bs-dismiss="modal">
|
||||
Go to dashboard
|
||||
</a></div>
|
||||
<div class="col"><a href="javascript:void(0)" class="btn btn-success w-100" data-bs-dismiss="modal">
|
||||
View invoice
|
||||
</a></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">"modal-dialog modal-sm"</span> <span class="na">role=</span><span class="s">"document"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-content"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-status bg-success"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-body text-center py-4"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="mb-2 text-green icon-lg" --></span>
|
||||
<span class="nt"><h3></span>Payment succedeed<span class="nt"></h3></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted"</span><span class="nt">></span>Your payment of $290 has been successfully submitted. Your invoice has been sent to support@tabler.io.<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-footer"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"w-100"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white w-100"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
Go to dashboard
|
||||
<span class="nt"></a></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success w-100"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
View invoice
|
||||
<span class="nt"></a></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
@@ -647,7 +746,7 @@
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">New report</h5>
|
||||
<button type="button" class="btn-close" data-dismiss="modal" aria-label="Close"></button>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
@@ -660,7 +759,7 @@
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked="" />
|
||||
<span class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<span class="mr-3">
|
||||
<span class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</span>
|
||||
<span class="form-selectgroup-label-content">
|
||||
@@ -674,7 +773,7 @@
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="report-type" value="1" class="form-selectgroup-input" />
|
||||
<span class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<span class="mr-3">
|
||||
<span class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</span>
|
||||
<span class="form-selectgroup-label-content">
|
||||
@@ -693,7 +792,7 @@
|
||||
<span class="input-group-text">
|
||||
https://tabler.io/reports/
|
||||
</span>
|
||||
<input type="text" class="form-control pl-0" value="report-01" autocomplete="off" />
|
||||
<input type="text" class="form-control ps-0" value="report-01" autocomplete="off" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -732,10 +831,10 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="javascript:void()" class="btn btn-link link-secondary" data-dismiss="modal">
|
||||
<a href="javascript:void(0)" class="btn btn-link link-secondary" data-bs-dismiss="modal">
|
||||
Cancel
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-primary ml-auto" data-dismiss="modal">
|
||||
<a href="javascript:void(0)" class="btn btn-primary ms-auto" data-bs-dismiss="modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
Create new report
|
||||
</a>
|
||||
@@ -750,7 +849,7 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-content"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-header"</span><span class="nt">></span>
|
||||
<span class="nt"><h5</span> <span class="na">class=</span><span class="s">"modal-title"</span><span class="nt">></span>New report<span class="nt"></h5></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-body"</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>
|
||||
@@ -763,7 +862,7 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"report-type"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span> <span class="na">checked</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content"</span><span class="nt">></span>
|
||||
@@ -777,7 +876,7 @@
|
||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-selectgroup-item"</span><span class="nt">></span>
|
||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"radio"</span> <span class="na">name=</span><span class="s">"report-type"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"form-selectgroup-input"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label d-flex align-items-center p-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"mr-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"me-3"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-check"</span><span class="nt">></span></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-selectgroup-label-content"</span><span class="nt">></span>
|
||||
@@ -796,7 +895,7 @@
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"input-group-text"</span><span class="nt">></span>
|
||||
https://tabler.io/reports/
|
||||
<span class="nt"></span></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 pl-0"</span> <span class="na">value=</span><span class="s">"report-01"</span> <span class="na">autocomplete=</span><span class="s">"off"</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 ps-0"</span> <span class="na">value=</span><span class="s">"report-01"</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="nt"></div></span>
|
||||
@@ -835,10 +934,10 @@
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"modal-footer"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-link link-secondary"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-link link-secondary"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
Cancel
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary ml-auto"</span> <span class="na">data-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary ms-auto"</span> <span class="na">data-bs-dismiss=</span><span class="s">"modal"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Create new report
|
||||
<span class="nt"></a></span>
|
||||
@@ -856,22 +955,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -884,8 +983,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
982
demo/docs/page-headers.html
Normal file
982
demo/docs/page-headers.html
Normal file
@@ -0,0 +1,982 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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>Page Headers - 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="page">
|
||||
<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 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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<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="../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="../page-headers.html" >
|
||||
Page headers
|
||||
</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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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…" aria-label="Search in website">
|
||||
</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">
|
||||
Documentation
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
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/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<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-components" class="nav-link" data-bs-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="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 nav-pills collapse show" 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/page-headers.html" class="nav-link active">
|
||||
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">
|
||||
<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 nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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 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">
|
||||
<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 ms-auto">1.0.0-alpha.21</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-4">
|
||||
<h1 class="mt-0">Page Headers</h1>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="page-header">
|
||||
<div class="row align-items-center">
|
||||
<div class="col-auto">
|
||||
<span class="avatar avatar-md" style="background-image: url(../static/avatars/000m.jpg)"></span>
|
||||
</div>
|
||||
<div class="col">
|
||||
<h2 class="page-title">Paweł Kuna</h2>
|
||||
<div class="page-subtitle">
|
||||
<div class="row">
|
||||
<div class="col-auto">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="3" y1="21" x2="21" y2="21" /><path d="M5 21v-14l8 -4v18" /><path d="M19 21v-10l-6 -4" /><line x1="9" y1="9" x2="9" y2="9.01" /><line x1="9" y1="12" x2="9" y2="12.01" /><line x1="9" y1="15" x2="9" y2="15.01" /><line x1="9" y1="18" x2="9" y2="18.01" /></svg>
|
||||
<a href="javascript:void(0)" class="text-reset">UI Designer at Tabler</a>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="9" cy="7" r="4" /><path d="M3 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /><path d="M16 3.13a4 4 0 0 1 0 7.75" /><path d="M21 21v-2a4 4 0 0 0 -3 -3.85" /></svg>
|
||||
<a href="javascript:void(0)" class="text-reset">194 friends</a>
|
||||
</div>
|
||||
<div class="col-auto text-success">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-green" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l5 5l10 -10" /></svg>
|
||||
Verified
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto d-none d-md-flex">
|
||||
<a href="javascript:void(0)" class="btn btn-primary">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 21v-13a3 3 0 0 1 3 -3h10a3 3 0 0 1 3 3v6a3 3 0 0 1 -3 3h-9l-4 4" /><line x1="8" y1="9" x2="16" y2="9" /><line x1="8" y1="13" x2="14" y2="13" /></svg>
|
||||
Send message
|
||||
</a>
|
||||
</div>
|
||||
</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">"page-header"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-md"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
|
||||
<span class="nt"><h2</span> <span class="na">class=</span><span class="s">"page-title"</span><span class="nt">></span>Paweł Kuna<span class="nt"></h2></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"page-subtitle"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">></span>UI Designer at Tabler<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">></span>194 friends<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto text-success"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code with class="text-green" --></span>
|
||||
Verified
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto d-none d-md-flex"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Send message
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="page-header page-header-border">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<h2 class="page-title">Improve cards with no border</h2>
|
||||
<div class="text-muted mt-1">
|
||||
<a href="javascript:void(0)" class="text-reset">#693</a>
|
||||
opened by <a href="javascript:void(0)" class="text-body">Jeffie Lewzey</a>
|
||||
in <a href="javascript:void(0)" class="text-body">Calendar Page</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void(0)" class="btn btn-white">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
|
||||
Edit
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-white d-none d-md-inline-flex">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
Subscribe
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</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">"page-header page-header-border"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
|
||||
<span class="nt"><h2</span> <span class="na">class=</span><span class="s">"page-title"</span><span class="nt">></span>Improve cards with no border<span class="nt"></h2></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-muted mt-1"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-reset"</span><span class="nt">></span>#693<span class="nt"></a></span>
|
||||
opened by <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-body"</span><span class="nt">></span>Jeffie Lewzey<span class="nt"></a></span>
|
||||
in <span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"text-body"</span><span class="nt">></span>Calendar Page<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Edit
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white d-none d-md-inline-flex"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Subscribe
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="page-header">
|
||||
<div class="row align-items-center mw-100">
|
||||
<div class="col">
|
||||
<div class="mb-1">
|
||||
<ol class="breadcrumb breadcrumb-alternate" aria-label="breadcrumbs">
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Home</a></li>
|
||||
<li class="breadcrumb-item"><a href="javascript:void(0)">Library</a></li>
|
||||
<li class="breadcrumb-item active" aria-current="page"><a href="javascript:void(0)">Articles</a></li>
|
||||
</ol>
|
||||
</div>
|
||||
<h2 class="page-title">
|
||||
<span class="text-truncate">Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods.</span>
|
||||
</h2>
|
||||
</div>
|
||||
<div class="col-auto">
|
||||
<div class="btn-list">
|
||||
<a href="javascript:void(0)" class="btn btn-white d-none d-md-inline-flex">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 7h-3a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-3" /><path d="M9 15h3l8.5 -8.5a1.5 1.5 0 0 0 -3 -3l-8.5 8.5v3" /><line x1="16" y1="5" x2="19" y2="8" /></svg>
|
||||
Edit
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary">
|
||||
Publish
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</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">"page-header"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row align-items-center mw-100"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"mb-1"</span><span class="nt">></span>
|
||||
<span class="nt"><ol</span> <span class="na">class=</span><span class="s">"breadcrumb breadcrumb-alternate"</span> <span class="na">aria-label=</span><span class="s">"breadcrumbs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"breadcrumb-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Home<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"breadcrumb-item"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Library<span class="nt"></a></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"breadcrumb-item active"</span> <span class="na">aria-current=</span><span class="s">"page"</span><span class="nt">><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>Articles<span class="nt"></a></li></span>
|
||||
<span class="nt"></ol></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><h2</span> <span class="na">class=</span><span class="s">"page-title"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"text-truncate"</span><span class="nt">></span>Knights of Ni, we are but simple travelers who seek the enchanter who lives beyond these woods.<span class="nt"></span></span>
|
||||
<span class="nt"></h2></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white d-none d-md-inline-flex"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Edit
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">></span>
|
||||
Publish
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="page-header">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<div class="page-pretitle">
|
||||
Overview
|
||||
</div>
|
||||
<h2 class="page-title">
|
||||
Dashboard
|
||||
</h2>
|
||||
</div>
|
||||
<div class="col-auto ms-auto">
|
||||
<div class="btn-list">
|
||||
<span class="d-none d-sm-inline">
|
||||
<a href="javascript:void(0)" class="btn btn-white">
|
||||
New view
|
||||
</a>
|
||||
</span>
|
||||
<a href="javascript:void(0)" class="btn btn-primary d-none d-sm-inline-block" data-bs-toggle="modal" data-bs-target="#modal-report">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
Create new report
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary d-sm-none btn-icon" data-bs-toggle="modal" data-bs-target="#modal-report" aria-label="Create new report">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</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">"page-header"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row align-items-center"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"page-pretitle"</span><span class="nt">></span>
|
||||
Overview
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><h2</span> <span class="na">class=</span><span class="s">"page-title"</span><span class="nt">></span>
|
||||
Dashboard
|
||||
<span class="nt"></h2></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-auto ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"btn-list"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"d-none d-sm-inline"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">></span>
|
||||
New view
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary d-none d-sm-inline-block"</span> <span class="na">data-bs-toggle=</span><span class="s">"modal"</span> <span class="na">data-bs-target=</span><span class="s">"#modal-report"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
Create new report
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary d-sm-none btn-icon"</span> <span class="na">data-bs-toggle=</span><span class="s">"modal"</span> <span class="na">data-bs-target=</span><span class="s">"#modal-report"</span> <span class="na">aria-label=</span><span class="s">"Create new report"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</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>
|
||||
</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.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal modal-blur fade" id="modal-report" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog modal-lg" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title">New report</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Name</label>
|
||||
<input type="text" class="form-control" name="example-text-input" placeholder="Your report name">
|
||||
</div>
|
||||
<label class="form-label">Report type</label>
|
||||
<div class="form-selectgroup-boxes row mb-3">
|
||||
<div class="col-lg-6">
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="report-type" value="1" class="form-selectgroup-input" checked>
|
||||
<span class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<span class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</span>
|
||||
<span class="form-selectgroup-label-content">
|
||||
<span class="form-selectgroup-title strong mb-1">Simple</span>
|
||||
<span class="d-block text-muted">Provide only basic data needed for the report</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="report-type" value="1" class="form-selectgroup-input">
|
||||
<span class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<span class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</span>
|
||||
<span class="form-selectgroup-label-content">
|
||||
<span class="form-selectgroup-title strong mb-1">Advanced</span>
|
||||
<span class="d-block text-muted">Insert charts and additional advanced analyses to be inserted in the report</span>
|
||||
</span>
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Report url</label>
|
||||
<div class="input-group input-group-flat">
|
||||
<span class="input-group-text">
|
||||
https://tabler.io/reports/
|
||||
</span>
|
||||
<input type="text" class="form-control ps-0" value="report-01" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Visibility</label>
|
||||
<select class="form-select">
|
||||
<option value="1" selected>Private</option>
|
||||
<option value="2">Public</option>
|
||||
<option value="3">Hidden</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Client name</label>
|
||||
<input type="text" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Reporting period</label>
|
||||
<input type="date" class="form-control">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-12">
|
||||
<div>
|
||||
<label class="form-label">Additional information</label>
|
||||
<textarea class="form-control" rows="3"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<a href="#" class="btn btn-link link-secondary" data-bs-dismiss="modal">
|
||||
Cancel
|
||||
</a>
|
||||
<a href="#" class="btn btn-primary ms-auto" data-bs-dismiss="modal">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
Create new report
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link active">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
Flags
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link active">
|
||||
Payments
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/charts.html" class="nav-link">
|
||||
Charts
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,13 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Payments</h1>
|
||||
</div>
|
||||
<div class="alert alert-info">This module is available in <code>tabler-payments</code>
|
||||
plugin.
|
||||
<div class="alert alert-primary mb-4">
|
||||
<h4 class="alert-title">Important!</h4>
|
||||
<p>This part of Tabler is distributed as plugin. To enable it you should include <code>tabler-payments.css</code> or <code>tabler-payments.min.css</code> file to your page.</p>
|
||||
</div>
|
||||
<p>The Tabler payments plug-in will let you use a set of payment provider icons to facilitate the payment process and make it more-user friendly.</p>
|
||||
</div>
|
||||
@@ -572,34 +595,34 @@
|
||||
<p>To create a payment provider icon, add the <code class="language-plaintext highlighter-rouge">payment</code> class to a component and specify the payment provider. The full list of payment providers can be found below.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<span class="payment payment-provider-shopify mr-3"></span>
|
||||
<span class="payment payment-provider-visa mr-3"></span>
|
||||
<span class="payment payment-provider-paypal mr-3"></span>
|
||||
<span class="payment payment-provider-shopify me-3"></span>
|
||||
<span class="payment payment-provider-visa me-3"></span>
|
||||
<span class="payment payment-provider-paypal me-3"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-shopify mr-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-visa mr-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-paypal mr-3"</span><span class="nt">></span></span></code></pre>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-shopify me-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-visa me-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-provider-paypal me-3"</span><span class="nt">></span></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="payment-sizes">Payment sizes</h2>
|
||||
<p>Using Bootstrap’s typical naming structure, you can create a standard payment, or scale it up or down to different sizes based on what’s needed.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<span class="payment payment-xl payment-provider-shopify mr-3"></span>
|
||||
<span class="payment payment-lg payment-provider-visa mr-3"></span>
|
||||
<span class="payment payment-md payment-provider-paypal mr-3"></span>
|
||||
<span class="payment payment-sm payment-provider-amazon mr-3"></span>
|
||||
<span class="payment payment-xl payment-provider-shopify me-3"></span>
|
||||
<span class="payment payment-lg payment-provider-visa me-3"></span>
|
||||
<span class="payment payment-md payment-provider-paypal me-3"></span>
|
||||
<span class="payment payment-sm payment-provider-amazon me-3"></span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-xl payment-provider-shopify mr-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-lg payment-provider-visa mr-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-md payment-provider-paypal mr-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-sm payment-provider-amazon mr-3"</span><span class="nt">></span></span></code></pre>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-xl payment-provider-shopify me-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-lg payment-provider-visa me-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-md payment-provider-paypal me-3"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"payment payment-sm payment-provider-amazon me-3"</span><span class="nt">></span></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="types">Types</h2>
|
||||
@@ -1087,22 +1110,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1115,8 +1138,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link active">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link active">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Progress bars</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/progress" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -718,22 +740,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -746,8 +768,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -20,29 +20,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -51,14 +48,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -85,11 +82,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -98,6 +95,9 @@
|
||||
<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>
|
||||
@@ -110,6 +110,9 @@
|
||||
<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>
|
||||
@@ -122,17 +125,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -148,9 +154,6 @@
|
||||
<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>
|
||||
@@ -160,11 +163,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -175,8 +181,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -199,7 +205,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -240,7 +246,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -256,6 +262,9 @@
|
||||
<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>
|
||||
@@ -273,6 +282,9 @@
|
||||
<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>
|
||||
@@ -308,7 +320,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -328,22 +340,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -362,13 +379,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -435,13 +452,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -502,13 +519,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -517,13 +534,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -539,6 +556,11 @@
|
||||
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
|
||||
@@ -551,7 +573,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -560,8 +582,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Range slider</h1>
|
||||
</div>
|
||||
</div>
|
||||
@@ -775,22 +797,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -817,8 +839,5 @@
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Ribbons</h1>
|
||||
</div>
|
||||
<p>Ribbons are graphical elements which attract users' attention to a given element of an interface and make it stand out.</p>
|
||||
@@ -595,9 +617,9 @@
|
||||
<p>You can change the position of a ribbon by adding one of the following classes to the element:</p>
|
||||
<ul>
|
||||
<li><code class="language-plaintext highlighter-rouge">ribbon-top</code> - moves it to the top</li>
|
||||
<li><code class="language-plaintext highlighter-rouge">ribbon-right</code> - moves it to the right</li>
|
||||
<li><code class="language-plaintext highlighter-rouge">ribbon-end</code> - moves it to the right</li>
|
||||
<li><code class="language-plaintext highlighter-rouge">ribbon-bottom</code> - moves it to the bottom</li>
|
||||
<li><code class="language-plaintext highlighter-rouge">ribbon-left</code> - moves it to the lefg</li>
|
||||
<li><code class="language-plaintext highlighter-rouge">ribbon-start</code> - moves it to the left</li>
|
||||
</ul>
|
||||
<p>Using multiple classes at once will give you more position options. For example, the following class: <code class="language-plaintext highlighter-rouge">.ribbon.ribbon-top.ribbon-left</code> will move the ribbon to the top left corner.</p>
|
||||
<div class="example no_toc_section example-bg">
|
||||
@@ -606,7 +628,7 @@
|
||||
<div class="card">
|
||||
<div class="card-body" style="height: 5rem">
|
||||
</div>
|
||||
<div class="ribbon ribbon-top ribbon-left">
|
||||
<div class="ribbon ribbon-top ribbon-start">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -618,7 +640,7 @@
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span> <span class="na">style=</span><span class="s">"height: 5rem"</span><span class="nt">></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ribbon ribbon-top ribbon-left"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"ribbon ribbon-top ribbon-start"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
@@ -711,22 +733,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -739,8 +761,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Skeleton</h1>
|
||||
</div>
|
||||
<p>Skeleton is used to reserve space for content that soon will appear in a layout.</p>
|
||||
@@ -603,12 +625,12 @@
|
||||
<p>You can also move the lines to right or to center:</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="text-right">
|
||||
<div class="text-end">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
<div class="text-center mt">
|
||||
<div class="text-center mt-3">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
@@ -617,12 +639,12 @@
|
||||
</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">"text-right"</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">"text-end"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mt"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-center mt-3"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
@@ -818,7 +840,7 @@
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
<div class="col-2 ml-auto text-right">
|
||||
<div class="col-2 ms-auto text-end">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
@@ -833,7 +855,7 @@
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
<div class="col-2 ml-auto text-right">
|
||||
<div class="col-2 ms-auto text-end">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
@@ -848,7 +870,7 @@
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
<div class="col-2 ml-auto text-right">
|
||||
<div class="col-2 ms-auto text-end">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
@@ -863,7 +885,7 @@
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
<div class="col-2 ml-auto text-right">
|
||||
<div class="col-2 ms-auto text-end">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
</div>
|
||||
@@ -938,7 +960,7 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -953,7 +975,7 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -968,7 +990,7 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -983,7 +1005,7 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ml-auto text-right"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-2 ms-auto text-end"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"skeleton-line"</span><span class="nt">></div></span>
|
||||
<span class="nt"></div></span>
|
||||
@@ -1002,22 +1024,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1030,8 +1052,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Spinners</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/spinners/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -676,28 +698,28 @@
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"spinner-grow text-cyan"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="buttons">Buttons</h2>
|
||||
<h3 id="button-with-spinner">Button with spinner</h3>
|
||||
<p>Use buttons with spinners to notify users that an action they have taken by clicking the button is in progress and prevent them from clicking multiple times or giving up.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<a href="javascript:void()" class="btn btn-primary">
|
||||
<span class="spinner-border spinner-border-sm mr-2" role="status"></span>
|
||||
<a href="javascript:void(0)" class="btn btn-primary">
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status"></span>
|
||||
Button
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-danger">
|
||||
<span class="spinner-border spinner-border-sm mr-2" role="status"></span>
|
||||
<a href="javascript:void(0)" class="btn btn-danger">
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status"></span>
|
||||
Button
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-warning">
|
||||
<span class="spinner-border spinner-border-sm mr-2" role="status"></span>
|
||||
<a href="javascript:void(0)" class="btn btn-warning">
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status"></span>
|
||||
Button
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-success">
|
||||
<span class="spinner-border spinner-border-sm" role="status"></span>
|
||||
<a href="javascript:void(0)" class="btn btn-success">
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status"></span>
|
||||
Button
|
||||
</a>
|
||||
<a href="javascript:void()" class="btn btn-white">
|
||||
<span class="spinner-border spinner-border-sm" role="status"></span>
|
||||
<a href="javascript:void(0)" class="btn btn-white">
|
||||
<span class="spinner-border spinner-border-sm me-2" role="status"></span>
|
||||
Button
|
||||
</a>
|
||||
</div>
|
||||
@@ -705,24 +727,57 @@
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm mr-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm me-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
Button
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-danger"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm mr-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm me-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
Button
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-warning"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm mr-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm me-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
Button
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-success"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm me-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
Button
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-white"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"spinner-border spinner-border-sm me-2"</span> <span class="na">role=</span><span class="s">"status"</span><span class="nt">></span></span>
|
||||
Button
|
||||
<span class="nt"></a></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="animated-dots">Animated dots</h2>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="text-center">
|
||||
<h1>Loading<span class="animated-dots"></span></h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><h1></span>Loading<span class="nt"><span</span> <span class="na">class=</span><span class="s">"animated-dots"</span><span class="nt">></span></h1></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<a href="javascript:void(0)" class="btn btn-primary">
|
||||
Loading<span class="animated-dots"></span>
|
||||
</a>
|
||||
<a href="javascript:void(0)" class="btn btn-primary disabled">
|
||||
Loading<span class="animated-dots"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary"</span><span class="nt">></span>
|
||||
Loading<span class="nt"><span</span> <span class="na">class=</span><span class="s">"animated-dots"</span><span class="nt">></span></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary disabled"</span><span class="nt">></span>
|
||||
Loading<span class="nt"><span</span> <span class="na">class=</span><span class="s">"animated-dots"</span><span class="nt">></span></span>
|
||||
<span class="nt"></a></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -735,22 +790,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -763,8 +818,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Steps</h1>
|
||||
</div>
|
||||
<p>Steps are used to guide users through complex processes, making them easier and more intuitive. Breaking a multi-step process into smaller parts and tracking progress along the way helps users complete it successfully.</p>
|
||||
@@ -571,16 +593,16 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="steps">
|
||||
<a href="javascript:void()" class="step-item">
|
||||
<a href="javascript:void(0)" class="step-item">
|
||||
Step 1
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item">
|
||||
<a href="javascript:void(0)" class="step-item">
|
||||
Step 2
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item active">
|
||||
<a href="javascript:void(0)" class="step-item active">
|
||||
Step 3
|
||||
</a>
|
||||
<span href="javascript:void()" class="step-item">
|
||||
<span href="javascript:void(0)" class="step-item">
|
||||
Step 4
|
||||
</span>
|
||||
</div>
|
||||
@@ -609,16 +631,16 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="steps">
|
||||
<a href="javascript:void()" class="step-item" data-toggle="tooltip" title="Step 1 description">
|
||||
<a href="javascript:void(0)" class="step-item" data-bs-toggle="tooltip" title="Step 1 description">
|
||||
Step 1
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item" data-toggle="tooltip" title="Step 2 description">
|
||||
<a href="javascript:void(0)" class="step-item" data-bs-toggle="tooltip" title="Step 2 description">
|
||||
Step 2
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item active" data-toggle="tooltip" title="Step 3 description">
|
||||
<a href="javascript:void(0)" class="step-item active" data-bs-toggle="tooltip" title="Step 3 description">
|
||||
Step 3
|
||||
</a>
|
||||
<span href="javascript:void()" class="step-item" data-toggle="tooltip" title="Step 4 description">
|
||||
<span href="javascript:void(0)" class="step-item" data-bs-toggle="tooltip" title="Step 4 description">
|
||||
Step 4
|
||||
</span>
|
||||
</div>
|
||||
@@ -627,16 +649,16 @@
|
||||
<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">"steps"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 1 description"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 1 description"</span><span class="nt">></span>
|
||||
Step 1
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 2 description"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 2 description"</span><span class="nt">></span>
|
||||
Step 2
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item active"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 3 description"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 3 description"</span><span class="nt">></span>
|
||||
Step 3
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"><span</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 4 description"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 4 description"</span><span class="nt">></span>
|
||||
Step 4
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
@@ -647,30 +669,30 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="steps steps-green">
|
||||
<a href="javascript:void()" class="step-item">
|
||||
<a href="javascript:void(0)" class="step-item">
|
||||
Step 1
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item">
|
||||
<a href="javascript:void(0)" class="step-item">
|
||||
Step 2
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item active">
|
||||
<a href="javascript:void(0)" class="step-item active">
|
||||
Step 3
|
||||
</a>
|
||||
<span href="javascript:void()" class="step-item">
|
||||
<span href="javascript:void(0)" class="step-item">
|
||||
Step 4
|
||||
</span>
|
||||
</div>
|
||||
<div class="steps steps-red">
|
||||
<a href="javascript:void()" class="step-item">
|
||||
<a href="javascript:void(0)" class="step-item">
|
||||
Step 1
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item">
|
||||
<a href="javascript:void(0)" class="step-item">
|
||||
Step 2
|
||||
</a>
|
||||
<a href="javascript:void()" class="step-item active">
|
||||
<a href="javascript:void(0)" class="step-item active">
|
||||
Step 3
|
||||
</a>
|
||||
<span href="javascript:void()" class="step-item">
|
||||
<span href="javascript:void(0)" class="step-item">
|
||||
Step 4
|
||||
</span>
|
||||
</div>
|
||||
@@ -713,20 +735,20 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="steps">
|
||||
<a href="javascript:void()" class="step-item" data-toggle="tooltip" title="Step 1 description"></a>
|
||||
<a href="javascript:void()" class="step-item" data-toggle="tooltip" title="Step 2 description"></a>
|
||||
<a href="javascript:void()" class="step-item active" data-toggle="tooltip" title="Step 3 description"></a>
|
||||
<span href="javascript:void()" class="step-item" data-toggle="tooltip" title="Step 4 description"></span>
|
||||
<a href="javascript:void(0)" class="step-item" data-bs-toggle="tooltip" title="Step 1 description"></a>
|
||||
<a href="javascript:void(0)" class="step-item" data-bs-toggle="tooltip" title="Step 2 description"></a>
|
||||
<a href="javascript:void(0)" class="step-item active" data-bs-toggle="tooltip" title="Step 3 description"></a>
|
||||
<span href="javascript:void(0)" class="step-item" data-bs-toggle="tooltip" title="Step 4 description"></span>
|
||||
</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">"steps"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 1 description"</span><span class="nt">></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 2 description"</span><span class="nt">></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item active"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 3 description"</span><span class="nt">></a></span>
|
||||
<span class="nt"><span</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 4 description"</span><span class="nt">></span></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 1 description"</span><span class="nt">></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 2 description"</span><span class="nt">></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 3 description"</span><span class="nt">></a></span>
|
||||
<span class="nt"><span</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"step-item"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">title=</span><span class="s">"Step 4 description"</span><span class="nt">></span></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
</div>
|
||||
@@ -735,11 +757,11 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="steps steps-counter steps-lime">
|
||||
<a href="javascript:void()" class="step-item"></a>
|
||||
<a href="javascript:void()" class="step-item active"></a>
|
||||
<span href="javascript:void()" class="step-item"></span>
|
||||
<span href="javascript:void()" class="step-item"></span>
|
||||
<span href="javascript:void()" class="step-item"></span>
|
||||
<a href="javascript:void(0)" class="step-item"></a>
|
||||
<a href="javascript:void(0)" class="step-item active"></a>
|
||||
<span href="javascript:void(0)" class="step-item"></span>
|
||||
<span href="javascript:void(0)" class="step-item"></span>
|
||||
<span href="javascript:void(0)" class="step-item"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -763,22 +785,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -791,8 +813,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Switch icon</h1>
|
||||
</div>
|
||||
<p>The Switch Icon component is used to create a transition between two icons. You can use any icon, both line and filled version.</p>
|
||||
@@ -570,7 +592,7 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="d-flex space-x-2">
|
||||
<button class="switch-icon" data-toggle="switch-icon">
|
||||
<button class="switch-icon" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /></svg>
|
||||
</span>
|
||||
@@ -583,7 +605,7 @@
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -598,7 +620,7 @@
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="d-flex space-x-2">
|
||||
<button class="switch-icon" data-toggle="switch-icon">
|
||||
<button class="switch-icon" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /></svg>
|
||||
</span>
|
||||
@@ -606,7 +628,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled" width="24" height="24" viewBox="0 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="12" cy="12" r="9" /></svg>
|
||||
</span>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-fade" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-fade" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</span>
|
||||
@@ -614,7 +636,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled" width="24" height="24" viewBox="0 0 24 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>
|
||||
</span>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-scale" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-scale" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
@@ -622,7 +644,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled" width="24" height="24" viewBox="0 0 24 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>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-flip" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-flip" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>
|
||||
</span>
|
||||
@@ -630,7 +652,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M7 11v8a1 1 0 0 1 -1 1h-2a1 1 0 0 1 -1 -1v-7a1 1 0 0 1 1 -1h3a4 4 0 0 0 4 -4v-1a2 2 0 0 1 4 0v5h3a2 2 0 0 1 2 2l-1 5a2 3 0 0 1 -2 2h-7a3 3 0 0 1 -3 -3" /></svg>
|
||||
</span>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-slide-up" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-slide-up" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
|
||||
</span>
|
||||
@@ -638,7 +660,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M22 4.01c-1 .49 -1.98 .689 -3 .99c-1.121 -1.265 -2.783 -1.335 -4.38 -.737s-2.643 2.06 -2.62 3.737v1c-3.245 .083 -6.135 -1.395 -8 -4c0 0 -4.182 7.433 4 11c-1.872 1.247 -3.739 2.088 -6 2c3.308 1.803 6.913 2.423 10.034 1.517c3.58 -1.04 6.522 -3.723 7.651 -7.742a13.84 13.84 0 0 0 .497 -3.753c-.002 -.249 1.51 -2.772 1.818 -4.013z" /></svg>
|
||||
</span>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-slide-left" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-slide-left" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M5 12l5 5l10 -10" /></svg>
|
||||
</span>
|
||||
@@ -646,7 +668,7 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><line x1="18" y1="6" x2="6" y2="18" /><line x1="6" y1="6" x2="18" y2="18" /></svg>
|
||||
</span>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-slide-down" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-slide-down" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="18" y1="13" x2="12" y2="19" /><line x1="6" y1="13" x2="12" y2="19" /></svg>
|
||||
</span>
|
||||
@@ -654,9 +676,9 @@
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="18" y1="11" x2="12" y2="5" /><line x1="6" y1="11" x2="12" y2="5" /></svg>
|
||||
</span>
|
||||
</button>
|
||||
<button class="switch-icon switch-icon-slide-right" data-toggle="switch-icon">
|
||||
<button class="switch-icon switch-icon-slide-right" data-bs-toggle="switch-icon">
|
||||
<span class="switch-icon-a text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2-5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></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="7" cy="17" r="2" /><circle cx="17" cy="17" r="2" /><path d="M5 17h-2v-6l2 -5h9l4 5h1a2 2 0 0 1 2 2v4h-2m-4 0h-6m-6 -6h15m-6 0v-5" /></svg>
|
||||
</span>
|
||||
<span class="switch-icon-b text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="18" cy="17" r="2" /><circle cx="6" cy="17" r="2" /><path d="M8 17h5a6 6 0 0 1 5 -5v-5a2 2 0 0 0 -2 -2h-1" /></svg>
|
||||
@@ -667,7 +689,7 @@
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -675,7 +697,7 @@
|
||||
<span class="c"><!-- SVG icon code with class="icon-filled" --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-fade"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-fade"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -683,7 +705,7 @@
|
||||
<span class="c"><!-- SVG icon code with class="icon-filled" --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-scale"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-scale"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -691,7 +713,7 @@
|
||||
<span class="c"><!-- SVG icon code with class="icon-filled" --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-flip"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-flip"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -699,7 +721,7 @@
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-up"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-up"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -707,7 +729,7 @@
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-left"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-left"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -715,7 +737,7 @@
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-down"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-down"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -723,7 +745,7 @@
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-right"</span> <span class="na">data-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"switch-icon switch-icon-slide-right"</span> <span class="na">data-bs-toggle=</span><span class="s">"switch-icon"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"switch-icon-a text-muted"</span><span class="nt">></span>
|
||||
<span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></span></span>
|
||||
@@ -742,22 +764,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -770,8 +792,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Tables</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/content/tables/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -593,12 +615,12 @@
|
||||
<td class="text-muted">
|
||||
UI Designer, Training
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">paweluna@howstuffworks.com</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">paweluna@howstuffworks.com</a></td>
|
||||
<td class="text-muted">
|
||||
User
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -606,12 +628,12 @@
|
||||
<td class="text-muted">
|
||||
Chemical Engineer, Support
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">jlewzey1@seesaa.net</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">jlewzey1@seesaa.net</a></td>
|
||||
<td class="text-muted">
|
||||
Admin
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -619,12 +641,12 @@
|
||||
<td class="text-muted">
|
||||
Geologist IV, Support
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">mhulme2@domainmarket.com</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">mhulme2@domainmarket.com</a></td>
|
||||
<td class="text-muted">
|
||||
User
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -632,12 +654,12 @@
|
||||
<td class="text-muted">
|
||||
Research Nurse, Sales
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">dslane3@epa.gov</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">dslane3@epa.gov</a></td>
|
||||
<td class="text-muted">
|
||||
Owner
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -645,12 +667,12 @@
|
||||
<td class="text-muted">
|
||||
VP Product Management, Accounting
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">elevet4@senate.gov</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">elevet4@senate.gov</a></td>
|
||||
<td class="text-muted">
|
||||
Admin
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -865,7 +887,7 @@
|
||||
<td class="text-muted">
|
||||
UI Designer, Training
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">paweluna@howstuffworks.com</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">paweluna@howstuffworks.com</a></td>
|
||||
<td class="text-muted">
|
||||
User
|
||||
</td>
|
||||
@@ -874,7 +896,7 @@
|
||||
quaerat quo repellendus, voluptates.
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -882,7 +904,7 @@
|
||||
<td class="text-muted">
|
||||
Chemical Engineer, Support
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">jlewzey1@seesaa.net</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">jlewzey1@seesaa.net</a></td>
|
||||
<td class="text-muted">
|
||||
Admin
|
||||
</td>
|
||||
@@ -891,7 +913,7 @@
|
||||
quaerat quo repellendus, voluptates.
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -899,7 +921,7 @@
|
||||
<td class="text-muted">
|
||||
Geologist IV, Support
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">mhulme2@domainmarket.com</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">mhulme2@domainmarket.com</a></td>
|
||||
<td class="text-muted">
|
||||
User
|
||||
</td>
|
||||
@@ -908,7 +930,7 @@
|
||||
quaerat quo repellendus, voluptates.
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -916,7 +938,7 @@
|
||||
<td class="text-muted">
|
||||
Research Nurse, Sales
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">dslane3@epa.gov</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">dslane3@epa.gov</a></td>
|
||||
<td class="text-muted">
|
||||
Owner
|
||||
</td>
|
||||
@@ -925,7 +947,7 @@
|
||||
quaerat quo repellendus, voluptates.
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
@@ -933,7 +955,7 @@
|
||||
<td class="text-muted">
|
||||
VP Product Management, Accounting
|
||||
</td>
|
||||
<td class="text-muted"><a href="javascript:void()" class="text-reset">elevet4@senate.gov</a></td>
|
||||
<td class="text-muted"><a href="javascript:void(0)" class="text-reset">elevet4@senate.gov</a></td>
|
||||
<td class="text-muted">
|
||||
Admin
|
||||
</td>
|
||||
@@ -942,7 +964,7 @@
|
||||
quaerat quo repellendus, voluptates.
|
||||
</td>
|
||||
<td>
|
||||
<a href="javascript:void()">Edit</a>
|
||||
<a href="javascript:void(0)">Edit</a>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
@@ -1065,22 +1087,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1093,8 +1115,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Tabs</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/navs/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -577,12 +599,12 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<ul class="nav nav-tabs" data-toggle="tabs">
|
||||
<ul class="nav nav-tabs" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-ex1" class="nav-link active" data-toggle="tab">Home</a>
|
||||
<a href="#tabs-home-ex1" class="nav-link active" data-bs-toggle="tab">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-ex1" class="nav-link" data-toggle="tab">Profile</a>
|
||||
<a href="#tabs-profile-ex1" class="nav-link" data-bs-toggle="tab">Profile</a>
|
||||
</li>
|
||||
</ul>
|
||||
<div class="card-body">
|
||||
@@ -602,12 +624,12 @@
|
||||
<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">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-bs-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex1"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Home<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex1"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Home<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex1"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Profile<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex1"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Profile<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>
|
||||
@@ -629,17 +651,17 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<ul class="nav nav-tabs" data-toggle="tabs">
|
||||
<ul class="nav nav-tabs" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-ex2" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 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>
|
||||
<a href="#tabs-home-ex2" class="nav-link active" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 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>
|
||||
Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-ex2" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
<a href="#tabs-profile-ex2" class="nav-link" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
Profile</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<a href="#tabs-settings-ex2" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
<li class="nav-item ms-auto">
|
||||
<a href="#tabs-settings-ex2" class="nav-link" title="Settings" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
@@ -663,17 +685,17 @@
|
||||
<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">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-bs-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex2"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-2" --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex2"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-2" --></span>
|
||||
Home<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex2"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-2" --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex2"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-2" --></span>
|
||||
Profile<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item ml-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-settings-ex2"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">title=</span><span class="s">"Settings"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-settings-ex2"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">title=</span><span class="s">"Settings"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
@@ -699,17 +721,17 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<ul class="nav nav-tabs" data-toggle="tabs">
|
||||
<ul class="nav nav-tabs" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-ex3" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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>
|
||||
<a href="#tabs-home-ex3" class="nav-link active" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-ex3" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
<a href="#tabs-profile-ex3" class="nav-link" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<a href="#tabs-settings-ex3" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
<li class="nav-item ms-auto">
|
||||
<a href="#tabs-settings-ex3" class="nav-link" title="Settings" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
@@ -733,17 +755,17 @@
|
||||
<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">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-bs-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex3"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex3"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex3"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex3"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item ml-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-settings-ex3"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">title=</span><span class="s">"Settings"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-settings-ex3"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">title=</span><span class="s">"Settings"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
@@ -769,20 +791,20 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<ul class="nav nav-tabs" data-toggle="tabs">
|
||||
<ul class="nav nav-tabs" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-ex4" class="nav-link active" data-toggle="tab">Home</a>
|
||||
<a href="#tabs-home-ex4" class="nav-link active" data-bs-toggle="tab">Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-ex4" class="nav-link" data-toggle="tab">Profile</a>
|
||||
<a href="#tabs-profile-ex4" class="nav-link" data-bs-toggle="tab">Profile</a>
|
||||
</li>
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="javascript:void()" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
||||
<a class="nav-link dropdown-toggle" data-bs-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Action
|
||||
</a>
|
||||
<a class="dropdown-item" href="javascript:void()">
|
||||
<a class="dropdown-item" href="javascript:void(0)">
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
@@ -805,15 +827,15 @@
|
||||
<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">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs"</span> <span class="na">data-bs-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex4"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Home<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex4"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Home<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex4"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Profile<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex4"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span>Profile<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item dropdown"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"nav-link dropdown-toggle"</span> <span class="na">data-toggle=</span><span class="s">"dropdown"</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">role=</span><span class="s">"button"</span> <span class="na">aria-haspopup=</span><span class="s">"true"</span> <span class="na">aria-expanded=</span><span class="s">"false"</span><span class="nt">></span>Dropdown<span class="nt"></a></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"nav-link dropdown-toggle"</span> <span class="na">data-bs-toggle=</span><span class="s">"dropdown"</span> <span class="na">role=</span><span class="s">"button"</span> <span class="na">aria-haspopup=</span><span class="s">"true"</span> <span class="na">aria-expanded=</span><span class="s">"false"</span><span class="nt">></span>Dropdown<span class="nt"></a></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"dropdown-menu"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">class=</span><span class="s">"dropdown-item"</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>
|
||||
Action
|
||||
@@ -843,17 +865,17 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<ul class="nav nav-tabs nav-fill" data-toggle="tabs">
|
||||
<ul class="nav nav-tabs nav-fill" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-ex5" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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>
|
||||
<a href="#tabs-home-ex5" class="nav-link active" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-ex5" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
<a href="#tabs-profile-ex5" class="nav-link" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-activity-ex5" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
|
||||
<a href="#tabs-activity-ex5" class="nav-link" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon " width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none" /><path d="M3 12h4l3 8l4 -16l3 8h4" /></svg>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -877,17 +899,17 @@
|
||||
<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">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs nav-fill"</span> <span class="na">data-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs nav-fill"</span> <span class="na">data-bs-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex5"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex5"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex5"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex5"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-activity-ex5"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-activity-ex5"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
@@ -913,17 +935,17 @@
|
||||
<div class="example-content">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<ul class="nav nav-tabs nav-tabs-alt" data-toggle="tabs">
|
||||
<ul class="nav nav-tabs nav-tabs-alt" data-bs-toggle="tabs">
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-home-ex6" class="nav-link active" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 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>
|
||||
<a href="#tabs-home-ex6" class="nav-link active" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 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>
|
||||
Home</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#tabs-profile-ex6" class="nav-link" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon mr-2" width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
<a href="#tabs-profile-ex6" class="nav-link" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon me-2" width="24" height="24" viewBox="0 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="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
Profile</a>
|
||||
</li>
|
||||
<li class="nav-item ml-auto">
|
||||
<a href="#tabs-settings-ex6" class="nav-link" title="Settings" data-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
<li class="nav-item ms-auto">
|
||||
<a href="#tabs-settings-ex6" class="nav-link" title="Settings" data-bs-toggle="tab"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
@@ -947,17 +969,17 @@
|
||||
<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">"card"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs nav-tabs-alt"</span> <span class="na">data-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><ul</span> <span class="na">class=</span><span class="s">"nav nav-tabs nav-tabs-alt"</span> <span class="na">data-bs-toggle=</span><span class="s">"tabs"</span><span class="nt">></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex6"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-2" --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-home-ex6"</span> <span class="na">class=</span><span class="s">"nav-link active"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-2" --></span>
|
||||
Home<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex6"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="mr-2" --></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-profile-ex6"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code with class="me-2" --></span>
|
||||
Profile<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item ml-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-settings-ex6"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">title=</span><span class="s">"Settings"</span> <span class="na">data-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"><li</span> <span class="na">class=</span><span class="s">"nav-item ms-auto"</span><span class="nt">></span>
|
||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#tabs-settings-ex6"</span> <span class="na">class=</span><span class="s">"nav-link"</span> <span class="na">title=</span><span class="s">"Settings"</span> <span class="na">data-bs-toggle=</span><span class="s">"tab"</span><span class="nt">></span><span class="c"><!-- SVG icon code --></span>
|
||||
<span class="nt"></a></span>
|
||||
<span class="nt"></li></span>
|
||||
<span class="nt"></ul></span>
|
||||
@@ -986,22 +1008,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1014,8 +1036,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,8 +581,8 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Timelines</h1>
|
||||
</div>
|
||||
<p>A timeline is a perfect way to visualize processes and projects, as it's easy to read and attractive for users. You can use it to give an overview of events, present an agenda or point out important points in time.</p>
|
||||
@@ -599,7 +621,7 @@
|
||||
<div class="list-timeline-content">
|
||||
<div class="list-timeline-time">1 day ago</div>
|
||||
<p class="list-timeline-title">Database backup completed!</p>
|
||||
<p class="text-muted">Download the <a href="javascript:void()">latest backup</a>.</p>
|
||||
<p class="text-muted">Download the <a href="javascript:void(0)">latest backup</a>.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
@@ -657,7 +679,7 @@
|
||||
<div class="list-timeline-content">
|
||||
<div class="list-timeline-time">2 weeks ago</div>
|
||||
<p class="list-timeline-title">System updated to v2.02</p>
|
||||
<p class="text-muted">Check the complete changelog at the <a href="javascript:void()">activity
|
||||
<p class="text-muted">Check the complete changelog at the <a href="javascript:void(0)">activity
|
||||
page</a>.</p>
|
||||
</div>
|
||||
</li>
|
||||
@@ -797,7 +819,7 @@
|
||||
<div class="list-timeline-content">
|
||||
<div class="list-timeline-time">1 day ago</div>
|
||||
<p class="list-timeline-title">Database backup completed!</p>
|
||||
<p class="text-muted">Download the <a href="javascript:void()">latest backup</a>.</p>
|
||||
<p class="text-muted">Download the <a href="javascript:void(0)">latest backup</a>.</p>
|
||||
</div>
|
||||
</li>
|
||||
<li>
|
||||
@@ -855,7 +877,7 @@
|
||||
<div class="list-timeline-content">
|
||||
<div class="list-timeline-time">2 weeks ago</div>
|
||||
<p class="list-timeline-title">System updated to v2.02</p>
|
||||
<p class="text-muted">Check the complete changelog at the <a href="javascript:void()">activity
|
||||
<p class="text-muted">Check the complete changelog at the <a href="javascript:void(0)">activity
|
||||
page</a>.</p>
|
||||
</div>
|
||||
</li>
|
||||
@@ -970,22 +992,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -998,8 +1020,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Toasts</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/toasts/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -575,12 +597,12 @@
|
||||
<p>Use the default toast message to inform users of the outcome of their action and provide additional information. It contains an <code class="language-plaintext highlighter-rouge">x</code> close button to make it possible for users to close the toast if they wish.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-bs-toggle="toast">
|
||||
<div class="toast-header">
|
||||
<span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<strong class="mr-auto">Mallory Hulme</strong>
|
||||
<span class="avatar avatar-xs me-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<strong class="me-auto">Mallory Hulme</strong>
|
||||
<small>11 mins ago</small>
|
||||
<button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
|
||||
<button type="button" class="ms-2 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
Hello, world! This is a toast message.
|
||||
@@ -590,12 +612,12 @@
|
||||
</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">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</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">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-bs-toggle=</span><span class="s">"toast"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">></span>Mallory Hulme<span class="nt"></strong></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs me-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"me-auto"</span><span class="nt">></span>Mallory Hulme<span class="nt"></strong></span>
|
||||
<span class="nt"><small></span>11 mins ago<span class="nt"></small></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ms-2 btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">></span>
|
||||
Hello, world! This is a toast message.
|
||||
@@ -607,12 +629,12 @@
|
||||
<p>Toasts blend over the elements they appear over. If a browser supports the <code class="language-plaintext highlighter-rouge">backdrop-filter</code> CSS property, the elements under a toast will be blurred.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-bs-toggle="toast">
|
||||
<div class="toast-header">
|
||||
<span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<strong class="mr-auto">Mallory Hulme</strong>
|
||||
<span class="avatar avatar-xs me-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<strong class="me-auto">Mallory Hulme</strong>
|
||||
<small>11 mins ago</small>
|
||||
<button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
|
||||
<button type="button" class="ms-2 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
Hello, world! This is a toast message.
|
||||
@@ -622,12 +644,12 @@
|
||||
</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">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</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">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-bs-toggle=</span><span class="s">"toast"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">></span>Mallory Hulme<span class="nt"></strong></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs me-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"me-auto"</span><span class="nt">></span>Mallory Hulme<span class="nt"></strong></span>
|
||||
<span class="nt"><small></span>11 mins ago<span class="nt"></small></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ms-2 btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">></span>
|
||||
Hello, world! This is a toast message.
|
||||
@@ -636,55 +658,59 @@
|
||||
</figure>
|
||||
</div>
|
||||
<h2 id="stacking-toasts">Stacking toasts</h2>
|
||||
<p>Stack multiple toasts together by putting them within one container.</p>
|
||||
<p>Stack multiple toasts together by putting them within one <code class="language-plaintext highlighter-rouge">.toast-container</code>.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
|
||||
<div class="toast-header">
|
||||
<span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
<strong class="mr-auto">Dunn Slane</strong>
|
||||
<small>11 mins ago</small>
|
||||
<button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
|
||||
<div class="toast-container">
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-bs-toggle="toast">
|
||||
<div class="toast-header">
|
||||
<span class="avatar avatar-xs me-2" style="background-image: url(../static/avatars/003m.jpg)"></span>
|
||||
<strong class="me-auto">Dunn Slane</strong>
|
||||
<small>11 mins ago</small>
|
||||
<button type="button" class="ms-2 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
Hello, world! This is a toast message.
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
Hello, world! This is a toast message.
|
||||
</div>
|
||||
</div>
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-toggle="toast">
|
||||
<div class="toast-header">
|
||||
<span class="avatar avatar-xs mr-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<strong class="mr-auto">Mallory Hulme</strong>
|
||||
<small>7 mins ago</small>
|
||||
<button type="button" class="ml-2 btn-close" data-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
This is another toast message.
|
||||
<div class="toast show" role="alert" aria-live="assertive" aria-atomic="true" data-autohide="false" data-bs-toggle="toast">
|
||||
<div class="toast-header">
|
||||
<span class="avatar avatar-xs me-2" style="background-image: url(../static/avatars/002m.jpg)"></span>
|
||||
<strong class="me-auto">Mallory Hulme</strong>
|
||||
<small>7 mins ago</small>
|
||||
<button type="button" class="ms-2 btn-close" data-bs-dismiss="toast" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="toast-body">
|
||||
This is another toast message.
|
||||
</div>
|
||||
</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">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">></span>Dunn Slane<span class="nt"></strong></span>
|
||||
<span class="nt"><small></span>11 mins ago<span class="nt"></small></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-container"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-bs-toggle=</span><span class="s">"toast"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs me-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"me-auto"</span><span class="nt">></span>Dunn Slane<span class="nt"></strong></span>
|
||||
<span class="nt"><small></span>11 mins ago<span class="nt"></small></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ms-2 btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">></span>
|
||||
Hello, world! This is a toast message.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">></span>
|
||||
Hello, world! This is a toast message.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-toggle=</span><span class="s">"toast"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs mr-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"mr-auto"</span><span class="nt">></span>Mallory Hulme<span class="nt"></strong></span>
|
||||
<span class="nt"><small></span>7 mins ago<span class="nt"></small></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ml-2 btn-close"</span> <span class="na">data-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">></span>
|
||||
This is another toast message.
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast show"</span> <span class="na">role=</span><span class="s">"alert"</span> <span class="na">aria-live=</span><span class="s">"assertive"</span> <span class="na">aria-atomic=</span><span class="s">"true"</span> <span class="na">data-autohide=</span><span class="s">"false"</span> <span class="na">data-bs-toggle=</span><span class="s">"toast"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-header"</span><span class="nt">></span>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xs me-2"</span> <span class="na">style=</span><span class="s">"background-image: url(...)"</span><span class="nt">></span></span>
|
||||
<span class="nt"><strong</span> <span class="na">class=</span><span class="s">"me-auto"</span><span class="nt">></span>Mallory Hulme<span class="nt"></strong></span>
|
||||
<span class="nt"><small></span>7 mins ago<span class="nt"></small></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"ms-2 btn-close"</span> <span class="na">data-bs-dismiss=</span><span class="s">"toast"</span> <span class="na">aria-label=</span><span class="s">"Close"</span><span class="nt">></button></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"toast-body"</span><span class="nt">></span>
|
||||
This is another toast message.
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</figure>
|
||||
@@ -698,22 +724,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -726,8 +752,5 @@
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse" id="menu-base">
|
||||
<ul class="nav nav-pills collapse" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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="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 show" id="menu-components">
|
||||
<ul class="nav nav-pills collapse show" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Tooltips</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/components/tooltips/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -575,32 +597,32 @@
|
||||
<p>Use the default markup to create tooltips that will help users understand particular elements of your interface. You can decide where the text label is to be displayed - at the top, bottom or on either side of the element.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<button type="button" class="btn" data-toggle="tooltip" data-placement="top" title="Tooltip on top">
|
||||
<button type="button" class="btn" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
|
||||
Tooltip on top
|
||||
</button>
|
||||
<button type="button" class="btn" data-toggle="tooltip" data-placement="right" title="Tooltip on right">
|
||||
<button type="button" class="btn" data-bs-toggle="tooltip" data-bs-placement="right" title="Tooltip on right">
|
||||
Tooltip on right
|
||||
</button>
|
||||
<button type="button" class="btn" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">
|
||||
<button type="button" class="btn" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Tooltip on bottom">
|
||||
Tooltip on bottom
|
||||
</button>
|
||||
<button type="button" class="btn" data-toggle="tooltip" data-placement="left" title="Tooltip on left">
|
||||
<button type="button" class="btn" data-bs-toggle="tooltip" data-bs-placement="left" title="Tooltip on left">
|
||||
Tooltip on left
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"top"</span> <span class="na">title=</span><span class="s">"Tooltip on top"</span><span class="nt">></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-bs-placement=</span><span class="s">"top"</span> <span class="na">title=</span><span class="s">"Tooltip on top"</span><span class="nt">></span>
|
||||
Tooltip on top
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"right"</span> <span class="na">title=</span><span class="s">"Tooltip on right"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-bs-placement=</span><span class="s">"right"</span> <span class="na">title=</span><span class="s">"Tooltip on right"</span><span class="nt">></span>
|
||||
Tooltip on right
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"bottom"</span> <span class="na">title=</span><span class="s">"Tooltip on bottom"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-bs-placement=</span><span class="s">"bottom"</span> <span class="na">title=</span><span class="s">"Tooltip on bottom"</span><span class="nt">></span>
|
||||
Tooltip on bottom
|
||||
<span class="nt"></button></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-placement=</span><span class="s">"left"</span> <span class="na">title=</span><span class="s">"Tooltip on left"</span><span class="nt">></span>
|
||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-bs-placement=</span><span class="s">"left"</span> <span class="na">title=</span><span class="s">"Tooltip on left"</span><span class="nt">></span>
|
||||
Tooltip on left
|
||||
<span class="nt"></button></span></code></pre>
|
||||
</figure>
|
||||
@@ -609,14 +631,14 @@
|
||||
<p>If the default tooltip is not enough, you can add the option to use HTML code in the text to highlight particular bits of information and make the content more attractive.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<button type="button" class="btn" data-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
|
||||
<button type="button" class="btn" data-bs-toggle="tooltip" data-html="true" title="<em>Tooltip</em> <u>with</u> <b>HTML</b>">
|
||||
Tooltip with HTML
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
<figure class="highlight">
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-html=</span><span class="s">"true"</span> <span class="na">title=</span><span class="s">"<em>Tooltip</em> <u>with</u> <b>HTML</b>"</span><span class="nt">></span>
|
||||
<pre><code class="language-html" data-lang="html"><span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"btn"</span> <span class="na">data-bs-toggle=</span><span class="s">"tooltip"</span> <span class="na">data-html=</span><span class="s">"true"</span> <span class="na">title=</span><span class="s">"<em>Tooltip</em> <u>with</u> <b>HTML</b>"</span><span class="nt">></span>
|
||||
Tooltip with HTML
|
||||
<span class="nt"></button></span></code></pre>
|
||||
</figure>
|
||||
@@ -630,22 +652,22 @@ Tooltip with HTML
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -658,8 +680,5 @@ Tooltip with HTML
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="../typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="../page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,22 +339,27 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row g-5">
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-pills nav-vertical">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-toggle="collapse" aria-expanded="true">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
Getting started
|
||||
<span class="nav-link-toggle"></span>
|
||||
</a>
|
||||
<ul class="nav collapse show" id="menu-base">
|
||||
<ul class="nav nav-pills collapse show" id="menu-base">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/colors.html" class="nav-link">
|
||||
Colors
|
||||
@@ -361,13 +378,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-components" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-components" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-components">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/alerts.html" class="nav-link">
|
||||
Alerts
|
||||
@@ -434,13 +451,13 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
<a href="../docs/page-headers.html" class="nav-link">
|
||||
Page headers
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/payments.html" class="nav-link">
|
||||
Payments
|
||||
<a href="../docs/progress.html" class="nav-link">
|
||||
Progress
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
@@ -501,13 +518,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-utils" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-utils" class="nav-link" data-bs-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="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" id="menu-utils">
|
||||
<ul class="nav nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
@@ -516,13 +533,13 @@
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-toggle="collapse" aria-expanded="false">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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">
|
||||
<ul class="nav nav-pills collapse" id="menu-plugins">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/autosize.html" class="nav-link">
|
||||
Autosize
|
||||
@@ -538,6 +555,11 @@
|
||||
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
|
||||
@@ -550,7 +572,7 @@
|
||||
<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.13</span>
|
||||
<span class="badge bg-blue-lt ms-auto">1.0.0-alpha.21</span>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
@@ -559,12 +581,12 @@
|
||||
<div class="card card-lg">
|
||||
<div class="card-body">
|
||||
<div class="markdown">
|
||||
<div class="mb-5">
|
||||
<div class="d-flex mb-3">
|
||||
<div>
|
||||
<div class="d-flex mb-4">
|
||||
<h1 class="mt-0">Typography</h1>
|
||||
<p class="ml-auto">
|
||||
<p class="ms-auto">
|
||||
<a href="https://getbootstrap.com/docs/4.4/content/typography/" target="_blank">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pr-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon pe-1 text-blue" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M11 7h-5a2 2 0 0 0 -2 2v9a2 2 0 0 0 2 2h9a2 2 0 0 0 2 -2v-5" /><line x1="10" y1="14" x2="20" y2="4" /><polyline points="15 4 20 4 20 9" /></svg>
|
||||
Bootstrap documentation
|
||||
</a>
|
||||
</p>
|
||||
@@ -611,23 +633,23 @@
|
||||
<p>Use a variety of semantic text elements, depending of how you want to display particular fragments of content.</p>
|
||||
<div class="example no_toc_section">
|
||||
<div class="example-content">
|
||||
<abbr title="Internationalization">I18N</abbr> <code class="ml-2">abbr</code><br />
|
||||
<strong>Bold</strong> <code class="ml-2">strong</code> <code>b</code><br />
|
||||
<cite>Citation</cite> <code class="ml-2">cite</code><br />
|
||||
<code>Hello World!</code> <code class="ml-2">code</code><br />
|
||||
<del>Deleted</del> <code class="ml-2">del</code><br />
|
||||
<em>Emphasis</em> <code class="ml-2">em</code><br />
|
||||
<i>Italic</i> <code class="ml-2">i</code><br />
|
||||
<ins>Inserted</ins> <code class="ml-2">ins</code><br />
|
||||
<kbd>Ctrl + S</kbd> <code class="ml-2">kbd</code><br />
|
||||
<mark>Highlighted</mark> <code class="ml-2">mark</code><br />
|
||||
<s>Strikethrough</s> <code class="ml-2">s</code><br />
|
||||
<samp>Sample</samp> <code class="ml-2">samp</code><br />
|
||||
Text <sub>Subscripted</sub> <code class="ml-2">sub</code><br />
|
||||
Text <sup>Superscripted</sup> <code class="ml-2">sup</code><br />
|
||||
<time>20:00</time> <code class="ml-2">time</code><br />
|
||||
<u>Underline</u> <code class="ml-2">u</code><br />
|
||||
<var>x</var> = <var>y</var> + 2 <code class="ml-2">var</code><br />
|
||||
<abbr title="Internationalization">I18N</abbr> <code class="ms-2">abbr</code><br />
|
||||
<strong>Bold</strong> <code class="ms-2">strong</code> <code>b</code><br />
|
||||
<cite>Citation</cite> <code class="ms-2">cite</code><br />
|
||||
<code>Hello World!</code> <code class="ms-2">code</code><br />
|
||||
<del>Deleted</del> <code class="ms-2">del</code><br />
|
||||
<em>Emphasis</em> <code class="ms-2">em</code><br />
|
||||
<i>Italic</i> <code class="ms-2">i</code><br />
|
||||
<ins>Inserted</ins> <code class="ms-2">ins</code><br />
|
||||
<kbd>Ctrl + S</kbd> <code class="ms-2">kbd</code><br />
|
||||
<mark>Highlighted</mark> <code class="ms-2">mark</code><br />
|
||||
<s>Strikethrough</s> <code class="ms-2">s</code><br />
|
||||
<samp>Sample</samp> <code class="ms-2">samp</code><br />
|
||||
Text <sub>Subscripted</sub> <code class="ms-2">sub</code><br />
|
||||
Text <sup>Superscripted</sup> <code class="ms-2">sup</code><br />
|
||||
<time>20:00</time> <code class="ms-2">time</code><br />
|
||||
<u>Underline</u> <code class="ms-2">u</code><br />
|
||||
<var>x</var> = <var>y</var> + 2 <code class="ms-2">var</code><br />
|
||||
</div>
|
||||
</div>
|
||||
<div class="example-code">
|
||||
@@ -682,7 +704,7 @@ Text <span class="nt"><sup></span>Superscripted<span class="nt"></sup&g
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
</p>
|
||||
<div class="hr-text hr-text-right">
|
||||
<div class="hr-text hr-text-end">
|
||||
<span>Rule text</span>
|
||||
</div>
|
||||
<p>
|
||||
@@ -707,7 +729,7 @@ Text <span class="nt"><sup></span>Superscripted<span class="nt"></sup&g
|
||||
<span class="nt"><p></span>
|
||||
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
|
||||
<span class="nt"></p></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"hr-text hr-text-right"</span><span class="nt">></span>
|
||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"hr-text hr-text-end"</span><span class="nt">></span>
|
||||
<span class="nt"><span></span>Rule text<span class="nt"></span></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"><p></span>
|
||||
@@ -881,22 +903,22 @@ Text <span class="nt"><sup></span>Superscripted<span class="nt"></sup&g
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="../changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -909,8 +931,5 @@ Text <span class="nt"><sup></span>Superscripted<span class="nt"></sup&g
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
674
demo/docs/usage.html
Normal file
674
demo/docs/usage.html
Normal file
@@ -0,0 +1,674 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.21
|
||||
* @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>Usage - 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="page">
|
||||
<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 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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
<a class="dropdown-item" href="../navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<a class="dropdown-item" href="../charts.html" >
|
||||
Charts
|
||||
</a>
|
||||
<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="../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="../page-headers.html" >
|
||||
Page headers
|
||||
</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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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…" aria-label="Search in website">
|
||||
</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">
|
||||
Documentation
|
||||
</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="d-none d-lg-block col-lg-3">
|
||||
<ul class="nav nav-vertical">
|
||||
<li class="nav-item">
|
||||
<a href="#menu-base" class="nav-link" data-bs-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="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>
|
||||
</span>
|
||||
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/index.html" class="nav-link">
|
||||
Introduction
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="../docs/usage.html" class="nav-link active">
|
||||
Usage
|
||||
</a>
|
||||
</li>
|
||||
<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-components" class="nav-link" data-bs-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 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/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/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">
|
||||
<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 nav-pills collapse" id="menu-utils">
|
||||
<li class="nav-item">
|
||||
<a href="../docs/cursors.html" class="nav-link">
|
||||
Cursors
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a href="#menu-plugins" class="nav-link" data-bs-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 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">
|
||||
<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 ms-auto">1.0.0-alpha.21</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-4">
|
||||
<h1 class="mt-0">Usage</h1>
|
||||
</div>
|
||||
<p>Tabler distributions are available on npm. Add tabler as a dependency in your npm project or use a specific version directly in your HTML files via CDN includes.</p>
|
||||
</div>
|
||||
<h2 id="installation">Installation</h2>
|
||||
<p>To install the latest <code class="language-plaintext highlighter-rouge">tabler</code> npm package in your project run:</p>
|
||||
<div class="language-sh highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>npm <span class="nb">install</span> @tabler/core
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<p>Tabler <code class="language-plaintext highlighter-rouge">1.0.0</code> major version is now in active development. To get the latest <code class="language-plaintext highlighter-rouge">alpha</code> version run:</p>
|
||||
<div class="language-sh highlighter-rouge">
|
||||
<div class="highlight">
|
||||
<pre class="highlight"><code>npm <span class="nb">install</span> @tabler/core@alpha
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h2 id="cdn-support">CDN support</h2>
|
||||
<p>All files included in <code class="language-plaintext highlighter-rouge">@tabler/core</code> npm package are available over a CDN.</p>
|
||||
<h3 id="javascript">Javascript</h3>
|
||||
<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@latest/dist/js/tabler.min.js"</span><span class="nt">></script></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="styles">Styles</h3>
|
||||
<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@latest/dist/css/tabler.min.css"</span><span class="nt">></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<h3 id="other-versions">Other versions</h3>
|
||||
<p>To load a specific version replace <code class="language-plaintext highlighter-rouge">latest</code> with the desired version number.</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-alpha.13/dist/css/tabler.min.css"</span><span class="nt">></span>
|
||||
</code></pre>
|
||||
</div>
|
||||
</div>
|
||||
<p>To load the latest <code class="language-plaintext highlighter-rouge">alpha</code> version replace <code class="language-plaintext highlighter-rouge">latest</code> with <code class="language-plaintext highlighter-rouge">alpha</code>.</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@alpha/dist/js/tabler.min.js"</span><span class="nt">></script></span>
|
||||
</code></pre>
|
||||
</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>
|
||||
</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.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
<!-- Libs JS -->
|
||||
<script src="../dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="../dist/js/tabler.min.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<a class="dropdown-item" href="./cards-masonry.html" >
|
||||
Cards Masonry
|
||||
</a>
|
||||
<a class="dropdown-item" href="./colors.html" >
|
||||
Colors
|
||||
</a>
|
||||
<a class="dropdown-item active" href="./dropdowns.html" >
|
||||
Dropdowns
|
||||
</a>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -337,25 +349,25 @@
|
||||
Item 2</a>
|
||||
<div class="dropdown-item">
|
||||
<a href="#" class="text-reset">My profile</a>
|
||||
<label class="form-check m-0 ml-auto">
|
||||
<label class="form-check m-0 ms-auto">
|
||||
<input type="checkbox" class="form-check-input">
|
||||
Public
|
||||
</label>
|
||||
</div>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio"> Radio input</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox"> Checkbox input</label>
|
||||
<label class="dropdown-item form-switch"><input class="form-check-input m-0 mr-2" type="checkbox"> Checkbox input</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio"> Radio input</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox"> Checkbox input</label>
|
||||
<label class="dropdown-item form-switch"><input class="form-check-input m-0 me-2" type="checkbox"> Checkbox input</label>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item">Dropdown item 1</a>
|
||||
<a href="#" class="dropdown-item">Dropdown item 2</a>
|
||||
<a href="#" class="dropdown-item disabled">Dropdown disabled</a>
|
||||
<a href="#" class="dropdown-item active">Dropdown active</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
Paweł Kuna</a>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2">JL</span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2">JL</span>
|
||||
Jeffie Lewzey</a>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
Mallory Hulme</a>
|
||||
<div class="dropdown-divider"></div>
|
||||
<a href="#" class="dropdown-item"><svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 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 8v-2a2 2 0 0 0 -2 -2h-7a2 2 0 0 0 -2 2v12a2 2 0 0 0 2 2h7a2 2 0 0 0 2 -2v-2" /><path d="M7 12h14l-3 -3m0 6l3 -3" /></svg>
|
||||
@@ -487,11 +499,11 @@
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
<span class="badge bg-primary ml-auto">12</span>
|
||||
<span class="badge bg-primary ms-auto">12</span>
|
||||
</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
Another action
|
||||
<span class="badge bg-green ml-auto"></span>
|
||||
<span class="badge bg-green ms-auto"></span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -514,7 +526,7 @@
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="#">Separated link</a>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-demo dropdown-menu-arrow bg-dark text-white">
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-demo dropdown-menu-arrow bg-dark text-white">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
@@ -522,7 +534,7 @@
|
||||
Another action
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-right dropdown-menu-demo dropdown-menu-arrow bg-dark text-white">
|
||||
<div class="dropdown-menu dropdown-menu-end dropdown-menu-demo dropdown-menu-arrow bg-dark text-white">
|
||||
<a class="dropdown-item" href="#">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon dropdown-item-icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
Action
|
||||
@@ -533,25 +545,25 @@
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox"> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox"> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="checkbox"> Option 3</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox"> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox"> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="checkbox"> Option 3</label>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio"> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio"> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 mr-2" type="radio"> Option 3</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio"> Option 1</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio"> Option 2</label>
|
||||
<label class="dropdown-item"><input class="form-check-input m-0 me-2" type="radio"> Option 3</label>
|
||||
</div>
|
||||
<div class="dropdown-menu dropdown-menu-demo">
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
Paweł Kuna</a>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2">JL</span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2">JL</span>
|
||||
Jeffie Lewzey</a>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
Mallory Hulme</a>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||
Dunn Slane</a>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded mr-2" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||
<a href="#" class="dropdown-item"><span class="avatar avatar-xs rounded me-2" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||
Emmy Levet</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -560,22 +572,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -588,8 +600,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<a class="dropdown-item active" 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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -332,22 +344,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -360,8 +372,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,11 +19,6 @@
|
||||
<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 border-top-wide border-primary d-flex flex-column">
|
||||
<div class="flex-fill d-flex align-items-center justify-content-center">
|
||||
@@ -47,8 +42,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,11 +19,6 @@
|
||||
<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 border-top-wide border-primary d-flex flex-column">
|
||||
<div class="flex-fill d-flex align-items-center justify-content-center">
|
||||
@@ -47,8 +42,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,11 +19,6 @@
|
||||
<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 border-top-wide border-primary d-flex flex-column">
|
||||
<div class="flex-fill d-flex align-items-center justify-content-center">
|
||||
@@ -48,8 +43,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,11 +19,6 @@
|
||||
<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 border-top-wide border-primary d-flex flex-column">
|
||||
<div class="flex-fill d-flex flex-column justify-content-center py-4">
|
||||
@@ -47,7 +42,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="text-center text-muted mt">
|
||||
<div class="text-center text-muted mt-3">
|
||||
Forget it, <a href="./sign-in.html">send me back</a> to the sign in screen.
|
||||
</div>
|
||||
</div>
|
||||
@@ -56,8 +51,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -22,29 +22,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -53,14 +50,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -87,11 +84,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -100,6 +97,9 @@
|
||||
<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>
|
||||
@@ -112,6 +112,9 @@
|
||||
<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>
|
||||
@@ -124,17 +127,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -150,9 +156,6 @@
|
||||
<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>
|
||||
@@ -162,11 +165,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -177,8 +183,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -201,7 +207,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -242,7 +248,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -258,6 +264,9 @@
|
||||
<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>
|
||||
@@ -275,6 +284,9 @@
|
||||
<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>
|
||||
@@ -310,7 +322,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -394,7 +406,7 @@
|
||||
<button class="btn" type="button">Go!</button>
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<button type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<button type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Action
|
||||
</button>
|
||||
<div class="dropdown-menu">
|
||||
@@ -413,8 +425,8 @@
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control">
|
||||
<button type="button" class="btn">Action</button>
|
||||
<button data-toggle="dropdown" type="button" class="btn dropdown-toggle dropdown-toggle-split"></button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<button data-bs-toggle="dropdown" type="button" class="btn dropdown-toggle dropdown-toggle-split"></button>
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Action
|
||||
</a>
|
||||
@@ -474,7 +486,7 @@
|
||||
<input type="text" class="form-control" placeholder="Search for…">
|
||||
</div>
|
||||
<div class="col-auto align-self-center">
|
||||
<span class="form-help" data-toggle="popover" data-placement="top"
|
||||
<span class="form-help" data-bs-toggle="popover" data-bs-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>
|
||||
"
|
||||
@@ -543,13 +555,13 @@
|
||||
<span class="input-group-text">
|
||||
https://tabler.io/users/
|
||||
</span>
|
||||
<input type="text" class="form-control pl-0" value="yourfancyusername" autocomplete="off">
|
||||
<input type="text" class="form-control ps-0" value="yourfancyusername" autocomplete="off">
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Input with appended text</label>
|
||||
<div class="input-group input-group-flat">
|
||||
<input type="text" class="form-control text-right pr-0" value="yourfancydomain" autocomplete="off">
|
||||
<input type="text" class="form-control text-end pe-0" value="yourfancydomain" autocomplete="off">
|
||||
<span class="input-group-text">
|
||||
.tabler.io
|
||||
</span>
|
||||
@@ -569,22 +581,22 @@
|
||||
<div class="input-group input-group-flat">
|
||||
<input type="text" class="form-control" autocomplete="off">
|
||||
<span class="input-group-text">
|
||||
<a href="#" class="link-secondary" title="Clear search" data-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="#" class="link-secondary" title="Clear search" data-bs-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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>
|
||||
<a href="#" class="link-secondary ml-2" title="Search settings" data-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
|
||||
<a href="#" class="link-secondary ms-2" title="Search settings" data-bs-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="6" cy="10" r="2" /><line x1="6" y1="4" x2="6" y2="8" /><line x1="6" y1="12" x2="6" y2="20" /><circle cx="12" cy="16" r="2" /><line x1="12" y1="4" x2="12" y2="14" /><line x1="12" y1="18" x2="12" y2="20" /><circle cx="18" cy="7" r="2" /><line x1="18" y1="4" x2="18" y2="5" /><line x1="18" y1="9" x2="18" y2="20" /></svg>
|
||||
</a>
|
||||
<a href="#" class="link-secondary ml-2 disabled" title="Add notification" data-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
<a href="#" class="link-secondary ms-2 disabled" title="Add notification" data-bs-toggle="tooltip"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
</a>
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Floating inputs</label>
|
||||
<div class="form-floating mb">
|
||||
<div class="form-floating mb-3">
|
||||
<input type="email" class="form-control" id="floating-input" value="name@example.com" autocomplete="off">
|
||||
<label for="floating-input">Email address</label>
|
||||
</div>
|
||||
<div class="form-floating mb">
|
||||
<div class="form-floating mb-3">
|
||||
<input type="password" class="form-control" id="floating-password" value="Password" autocomplete="off">
|
||||
<label for="floating-password">Password</label>
|
||||
</div>
|
||||
@@ -890,7 +902,7 @@
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="checkbox" name="name" value="moon" class="form-selectgroup-input">
|
||||
<span class="form-selectgroup-label"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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 3c0.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
|
||||
<span class="form-selectgroup-label"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 3c.132 0 .263 0 .393 0a7.5 7.5 0 0 0 7.92 12.446a9 9 0 1 1 -8.313 -12.454z" /></svg>
|
||||
</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
@@ -914,22 +926,22 @@
|
||||
<div class="form-selectgroup">
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="home" class="form-selectgroup-input" checked>
|
||||
<span class="form-selectgroup-label"><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"/><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="form-selectgroup-label"><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"/><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>
|
||||
Home</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="user" class="form-selectgroup-input">
|
||||
<span class="form-selectgroup-label"><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"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
<span class="form-selectgroup-label"><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"/><circle cx="12" cy="7" r="4" /><path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2" /></svg>
|
||||
User</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="circle" class="form-selectgroup-input">
|
||||
<span class="form-selectgroup-label"><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"/><circle cx="12" cy="12" r="9" /></svg>
|
||||
<span class="form-selectgroup-label"><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"/><circle cx="12" cy="12" r="9" /></svg>
|
||||
Circle</span>
|
||||
</label>
|
||||
<label class="form-selectgroup-item">
|
||||
<input type="radio" name="icons" value="square" class="form-selectgroup-input">
|
||||
<span class="form-selectgroup-label"><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"/><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
||||
<span class="form-selectgroup-label"><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"/><rect x="4" y="4" width="16" height="16" rx="2" /></svg>
|
||||
Square</span>
|
||||
</label>
|
||||
</div>
|
||||
@@ -961,11 +973,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="radio" name="form-payment" value="visa" class="form-selectgroup-input">
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="payment payment-provider-visa payment-xs mr-2"></span>
|
||||
<span class="payment payment-provider-visa payment-xs me-2"></span>
|
||||
ending in <strong>7998</strong>
|
||||
</div>
|
||||
</div>
|
||||
@@ -973,11 +985,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="radio" name="form-payment" value="mastercard" class="form-selectgroup-input" checked>
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="payment payment-provider-mastercard payment-xs mr-2"></span>
|
||||
<span class="payment payment-provider-mastercard payment-xs me-2"></span>
|
||||
ending in <strong>2807</strong>
|
||||
</div>
|
||||
</div>
|
||||
@@ -985,11 +997,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="radio" name="form-payment" value="paypal" class="form-selectgroup-input">
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div>
|
||||
<span class="payment payment-provider-paypal payment-xs mr-2"></span>
|
||||
<span class="payment payment-provider-paypal payment-xs me-2"></span>
|
||||
</div>
|
||||
</div>
|
||||
</label>
|
||||
@@ -1001,11 +1013,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="1" class="form-selectgroup-input" >
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Paweł Kuna</div>
|
||||
<div class="text-muted">UI Designer</div>
|
||||
@@ -1016,11 +1028,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="2" class="form-selectgroup-input" checked>
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3">JL</span>
|
||||
<span class="avatar me-3">JL</span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Jeffie Lewzey</div>
|
||||
<div class="text-muted">Chemical Engineer</div>
|
||||
@@ -1031,11 +1043,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="3" class="form-selectgroup-input" >
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Mallory Hulme</div>
|
||||
<div class="text-muted">Geologist IV</div>
|
||||
@@ -1046,11 +1058,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="4" class="form-selectgroup-input" >
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Dunn Slane</div>
|
||||
<div class="text-muted">Research Nurse</div>
|
||||
@@ -1061,11 +1073,11 @@
|
||||
<label class="form-selectgroup-item flex-fill">
|
||||
<input type="checkbox" name="form-project-manager[]" value="5" class="form-selectgroup-input" >
|
||||
<div class="form-selectgroup-label d-flex align-items-center p-3">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<span class="form-selectgroup-check"></span>
|
||||
</div>
|
||||
<div class="form-selectgroup-label-content d-flex align-items-center">
|
||||
<span class="avatar mr-3" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||
<span class="avatar me-3" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||
<div>
|
||||
<div class="font-weight-medium">Emmy Levet</div>
|
||||
<div class="text-muted">VP Product Management</div>
|
||||
@@ -1088,13 +1100,12 @@
|
||||
<label class="form-label">Buttons group with dropdown</label>
|
||||
<div class="btn-group w-100">
|
||||
<button type="button" class="btn">Option 1</button>
|
||||
<button type="button" class="btn">Option 2</button>
|
||||
<button type="button" class="btn btn-primary">Option 3</button>
|
||||
<button type="button" class="btn btn-primary">Option 2</button>
|
||||
<div class="btn-group" role="group">
|
||||
<button id="btnGroupDrop1" type="button" class="btn dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
<button id="btnGroupDrop1" type="button" class="btn dropdown-toggle" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
Other
|
||||
</button>
|
||||
<div class="dropdown-menu dropdown-menu-right">
|
||||
<div class="dropdown-menu dropdown-menu-end">
|
||||
<a class="dropdown-item" href="#">
|
||||
Option 4
|
||||
</a>
|
||||
@@ -1491,7 +1502,7 @@
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Autosize textarea</label>
|
||||
<textarea class="form-control" data-toggle="autosize" placeholder="Type something…"></textarea>
|
||||
<textarea class="form-control" data-bs-toggle="autosize" placeholder="Type something…"></textarea>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-12">
|
||||
@@ -1595,26 +1606,26 @@
|
||||
<div class="mb-3">
|
||||
<label class="form-label">Select with avatars</label>
|
||||
<select name="people" id="select-people" class="form-select">
|
||||
<option value="1" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/000m.jpg)\"></span>"}'>Paweł Kuna</option>
|
||||
<option value="2" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\">JL</span>"}'>Jeffie Lewzey</option>
|
||||
<option value="3" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/002m.jpg)\"></span>"}'>Mallory Hulme</option>
|
||||
<option value="4" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/003m.jpg)\"></span>"}' selected>Dunn Slane</option>
|
||||
<option value="5" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/000f.jpg)\"></span>"}'>Emmy Levet</option>
|
||||
<option value="6" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/001f.jpg)\"></span>"}'>Maryjo Lebarree</option>
|
||||
<option value="7" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\">EP</span>"}'>Egan Poetz</option>
|
||||
<option value="8" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/002f.jpg)\"></span>"}'>Kellie Skingley</option>
|
||||
<option value="9" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/003f.jpg)\"></span>"}'>Christabel Charlwood</option>
|
||||
<option value="10" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\">HS</span>"}'>Haskel Shelper</option>
|
||||
<option value="11" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/006m.jpg)\"></span>"}'>Lorry Mion</option>
|
||||
<option value="12" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/004f.jpg)\"></span>"}'>Leesa Beaty</option>
|
||||
<option value="13" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/007m.jpg)\"></span>"}'>Perren Keemar</option>
|
||||
<option value="14" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\">SA</span>"}'>Sunny Airey</option>
|
||||
<option value="15" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/009m.jpg)\"></span>"}'>Geoffry Flaunders</option>
|
||||
<option value="16" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/010m.jpg)\"></span>"}'>Thatcher Keel</option>
|
||||
<option value="17" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/005f.jpg)\"></span>"}'>Dyann Escala</option>
|
||||
<option value="18" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/006f.jpg)\"></span>"}'>Avivah Mugleston</option>
|
||||
<option value="19" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\">AA</span>"}'>Arlie Armstead</option>
|
||||
<option value="20" data-data='{"avatar": "<span class=\"avatar avatar-sm rounded mr-2 ml-n1\" style=\"background-image: url(./static/avatars/008f.jpg)\"></span>"}'>Tessie Curzon</option>
|
||||
<option value="1" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/000m.jpg)\"></span>"}'>Paweł Kuna</option>
|
||||
<option value="2" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">JL</span>"}'>Jeffie Lewzey</option>
|
||||
<option value="3" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/002m.jpg)\"></span>"}'>Mallory Hulme</option>
|
||||
<option value="4" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/003m.jpg)\"></span>"}' selected>Dunn Slane</option>
|
||||
<option value="5" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/000f.jpg)\"></span>"}'>Emmy Levet</option>
|
||||
<option value="6" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/001f.jpg)\"></span>"}'>Maryjo Lebarree</option>
|
||||
<option value="7" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">EP</span>"}'>Egan Poetz</option>
|
||||
<option value="8" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/002f.jpg)\"></span>"}'>Kellie Skingley</option>
|
||||
<option value="9" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/003f.jpg)\"></span>"}'>Christabel Charlwood</option>
|
||||
<option value="10" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">HS</span>"}'>Haskel Shelper</option>
|
||||
<option value="11" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/006m.jpg)\"></span>"}'>Lorry Mion</option>
|
||||
<option value="12" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/004f.jpg)\"></span>"}'>Leesa Beaty</option>
|
||||
<option value="13" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/007m.jpg)\"></span>"}'>Perren Keemar</option>
|
||||
<option value="14" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">SA</span>"}'>Sunny Airey</option>
|
||||
<option value="15" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/009m.jpg)\"></span>"}'>Geoffry Flaunders</option>
|
||||
<option value="16" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/010m.jpg)\"></span>"}'>Thatcher Keel</option>
|
||||
<option value="17" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/005f.jpg)\"></span>"}'>Dyann Escala</option>
|
||||
<option value="18" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/006f.jpg)\"></span>"}'>Avivah Mugleston</option>
|
||||
<option value="19" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\">AA</span>"}'>Arlie Armstead</option>
|
||||
<option value="20" data-data='{"avatar": "<span class=\"avatar avatar-xs rounded me-2\" style=\"background-image: url(./static/avatars/008f.jpg)\"></span>"}'>Tessie Curzon</option>
|
||||
</select>
|
||||
</div>
|
||||
<div class="mb-3">
|
||||
@@ -1640,10 +1651,10 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer text-right">
|
||||
<div class="card-footer text-end">
|
||||
<div class="d-flex">
|
||||
<a href="#" class="btn btn-link">Cancel</a>
|
||||
<button type="submit" class="btn btn-primary ml-auto">Send data</button>
|
||||
<button type="submit" class="btn btn-primary ms-auto">Send data</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
@@ -1765,22 +1776,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -1896,10 +1907,10 @@
|
||||
$('#select-countries').selectize({
|
||||
render: {
|
||||
option: function (data, escape) {
|
||||
return '<div class="option"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
|
||||
return '<div class="option"><span class="flag flag-country-' + data.flag + ' me-2"></span>' + escape(data.text) + '</div>';
|
||||
},
|
||||
item: function (data, escape) {
|
||||
return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
|
||||
return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' me-2"></span>' + escape(data.text) + '</div>';
|
||||
}
|
||||
}
|
||||
});
|
||||
@@ -1910,10 +1921,10 @@
|
||||
$('#select-states').selectize({
|
||||
render: {
|
||||
option: function (data, escape) {
|
||||
return '<div class="option"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
|
||||
return '<div class="option"><span class="flag flag-country-' + data.flag + ' me-2"></span>' + escape(data.text) + '</div>';
|
||||
},
|
||||
item: function (data, escape) {
|
||||
return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' mr-2 ml-n1"></span>' + escape(data.text) + '</div>';
|
||||
return '<div class="d-flex align-items-center"><span class="flag flag-country-' + data.flag + ' me-2"></span>' + escape(data.text) + '</div>';
|
||||
}
|
||||
}
|
||||
});
|
||||
@@ -1932,8 +1943,5 @@
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active 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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -327,9 +339,9 @@
|
||||
<div class="text-muted mt-1">1-12 of 241 photos</div>
|
||||
</div>
|
||||
<!-- Page title actions -->
|
||||
<div class="col-auto ml-auto d-print-none">
|
||||
<div class="col-auto ms-auto d-print-none">
|
||||
<div class="d-flex">
|
||||
<div class="mr-3">
|
||||
<div class="me-3">
|
||||
<div class="input-icon">
|
||||
<input type="text" class="form-control" placeholder="Search…">
|
||||
<span class="input-icon-addon">
|
||||
@@ -351,17 +363,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/1b73704b282a8ec6.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/000m.jpg)"></span>
|
||||
<div>
|
||||
<div>Paweł Kuna</div>
|
||||
<div class="text-muted">3 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
467
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
67
|
||||
</a>
|
||||
@@ -375,17 +387,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/3d2998219313cd37.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded">JL</span>
|
||||
<span class="avatar me-3 rounded">JL</span>
|
||||
<div>
|
||||
<div>Jeffie Lewzey</div>
|
||||
<div class="text-muted">5 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
335
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
80
|
||||
</a>
|
||||
@@ -399,17 +411,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/6ab3200b14549f8a.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/002m.jpg)"></span>
|
||||
<div>
|
||||
<div>Mallory Hulme</div>
|
||||
<div class="text-muted">yesterday</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
369
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
32
|
||||
</a>
|
||||
@@ -423,17 +435,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/6d35d9a2bd6c63c2.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/003m.jpg)"></span>
|
||||
<div>
|
||||
<div>Dunn Slane</div>
|
||||
<div class="text-muted">1 week and 3 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
479
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
71
|
||||
</a>
|
||||
@@ -447,17 +459,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/8a26974ee6444acd.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/000f.jpg)"></span>
|
||||
<div>
|
||||
<div>Emmy Levet</div>
|
||||
<div class="text-muted">5 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
481
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
57
|
||||
</a>
|
||||
@@ -471,17 +483,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/8c13ad59f739558c.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/001f.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/001f.jpg)"></span>
|
||||
<div>
|
||||
<div>Maryjo Lebarree</div>
|
||||
<div class="text-muted">3 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
405
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
23
|
||||
</a>
|
||||
@@ -495,17 +507,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/8fdeb4785d2b82ef.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded">EP</span>
|
||||
<span class="avatar me-3 rounded">EP</span>
|
||||
<div>
|
||||
<div>Egan Poetz</div>
|
||||
<div class="text-muted">6 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
332
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
51
|
||||
</a>
|
||||
@@ -519,17 +531,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/9f36332564ca271d.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/002f.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/002f.jpg)"></span>
|
||||
<div>
|
||||
<div>Kellie Skingley</div>
|
||||
<div class="text-muted">1 week and 2 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
369
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
70
|
||||
</a>
|
||||
@@ -543,17 +555,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/35b88fc04a518c1b.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/003f.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/003f.jpg)"></span>
|
||||
<div>
|
||||
<div>Christabel Charlwood</div>
|
||||
<div class="text-muted">today</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
555
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
73
|
||||
</a>
|
||||
@@ -567,17 +579,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/36e273986ed577b8.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded">HS</span>
|
||||
<span class="avatar me-3 rounded">HS</span>
|
||||
<div>
|
||||
<div>Haskel Shelper</div>
|
||||
<div class="text-muted">2 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
383
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon icon-filled 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"/><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>
|
||||
37
|
||||
</a>
|
||||
@@ -591,17 +603,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/75b555b99d5b38c4.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/006m.jpg)"></span>
|
||||
<div>
|
||||
<div>Lorry Mion</div>
|
||||
<div class="text-muted">5 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
424
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
45
|
||||
</a>
|
||||
@@ -615,17 +627,17 @@
|
||||
<a href="#" class="d-block"><img src="./static/photos/546fd146c83f428c.jpg" class="card-img-top"></a>
|
||||
<div class="card-body">
|
||||
<div class="d-flex align-items-center">
|
||||
<span class="avatar mr-3 rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
|
||||
<span class="avatar me-3 rounded" style="background-image: url(./static/avatars/004f.jpg)"></span>
|
||||
<div>
|
||||
<div>Leesa Beaty</div>
|
||||
<div class="text-muted">6 days ago</div>
|
||||
</div>
|
||||
<div class="ml-auto">
|
||||
<div class="ms-auto">
|
||||
<a href="#" class="text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="12" cy="12" r="2" /><path d="M22 12c-2.667 4.667 -6 7 -10 7s-7.333 -2.333 -10 -7c2.667 -4.667 6 -7 10 -7s7.333 2.333 10 7" /></svg>
|
||||
496
|
||||
</a>
|
||||
<a href="#" class="ml-3 text-muted">
|
||||
<a href="#" class="ms-3 text-muted">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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>
|
||||
64
|
||||
</a>
|
||||
@@ -636,9 +648,9 @@
|
||||
</div>
|
||||
</div>
|
||||
<div class="d-flex">
|
||||
<ul class="pagination ml-auto">
|
||||
<ul class="pagination ms-auto">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">
|
||||
<a class="page-link" href="#" tabindex="-1" aria-disabled="true">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 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="15 6 9 12 15 18" /></svg>
|
||||
prev
|
||||
</a>
|
||||
@@ -659,22 +671,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -687,8 +699,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
8956
demo/icons.html
8956
demo/icons.html
File diff suppressed because one or more lines are too long
552
demo/index.html
552
demo/index.html
File diff suppressed because it is too large
Load Diff
@@ -1,7 +1,7 @@
|
||||
<!doctype html>
|
||||
<!--
|
||||
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
||||
* @version 1.0.0-alpha.13
|
||||
* @version 1.0.0-alpha.21
|
||||
* @link https://tabler.io
|
||||
* Copyright 2018-2020 The Tabler Authors
|
||||
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
||||
@@ -19,29 +19,26 @@
|
||||
<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">
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-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>
|
||||
<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 dropdown d-none d-md-flex mr-3">
|
||||
<a href="#" class="nav-link px-0" data-toggle="dropdown" tabindex="-1">
|
||||
<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">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 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="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.
|
||||
@@ -50,14 +47,14 @@
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<div class="d-none d-xl-block pl-2">
|
||||
<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-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">Profile & account</a>
|
||||
<a href="#" class="dropdown-item">Feedback</a>
|
||||
@@ -84,11 +81,11 @@
|
||||
</a>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
User Interface
|
||||
Interface
|
||||
</span>
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
@@ -97,6 +94,9 @@
|
||||
<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>
|
||||
@@ -109,6 +109,9 @@
|
||||
<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>
|
||||
@@ -121,17 +124,20 @@
|
||||
<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>
|
||||
<a class="dropdown-item" href="./navigation.html" >
|
||||
Navigation
|
||||
</a>
|
||||
</div>
|
||||
<div class="dropdown-menu-column">
|
||||
<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>
|
||||
@@ -147,9 +153,6 @@
|
||||
<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>
|
||||
@@ -159,11 +162,14 @@
|
||||
<a class="dropdown-item" href="./typography.html" >
|
||||
Typography
|
||||
</a>
|
||||
<a class="dropdown-item" href="./page-headers.html" >
|
||||
Page headers
|
||||
</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" >
|
||||
<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">
|
||||
@@ -174,8 +180,8 @@
|
||||
<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" >
|
||||
<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">
|
||||
@@ -198,7 +204,7 @@
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item active 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>
|
||||
<span class="nav-link-title">
|
||||
@@ -239,7 +245,7 @@
|
||||
</div>
|
||||
</li>
|
||||
<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>
|
||||
<span class="nav-link-title">
|
||||
@@ -255,6 +261,9 @@
|
||||
<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>
|
||||
@@ -272,6 +281,9 @@
|
||||
<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>
|
||||
@@ -307,7 +319,7 @@
|
||||
<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…">
|
||||
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
@@ -326,7 +338,7 @@
|
||||
</h2>
|
||||
</div>
|
||||
<!-- Page title actions -->
|
||||
<div class="col-auto ml-auto d-print-none">
|
||||
<div class="col-auto ms-auto d-print-none">
|
||||
<button type="button" class="btn btn-primary" onclick="javascript:window.print();">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M17 17h2a2 2 0 0 0 2 -2v-4a2 2 0 0 0 -2 -2h-14a2 2 0 0 0 -2 2v4a2 2 0 0 0 2 2h2" /><path d="M17 9v-4a2 2 0 0 0 -2 -2h-6a2 2 0 0 0 -2 2v4" /><rect x="7" y="13" width="10" height="8" rx="2" /></svg>
|
||||
Print Invoice
|
||||
@@ -346,7 +358,7 @@
|
||||
ltd@example.com
|
||||
</address>
|
||||
</div>
|
||||
<div class="col-6 text-right">
|
||||
<div class="col-6 text-end">
|
||||
<p class="h3">Client</p>
|
||||
<address>
|
||||
Street Address<br>
|
||||
@@ -365,8 +377,8 @@
|
||||
<th class="text-center" style="width: 1%"></th>
|
||||
<th>Product</th>
|
||||
<th class="text-center" style="width: 1%">Qnt</th>
|
||||
<th class="text-right" style="width: 1%">Unit</th>
|
||||
<th class="text-right" style="width: 1%">Amount</th>
|
||||
<th class="text-end" style="width: 1%">Unit</th>
|
||||
<th class="text-end" style="width: 1%">Amount</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tr>
|
||||
@@ -378,8 +390,8 @@
|
||||
<td class="text-center">
|
||||
1
|
||||
</td>
|
||||
<td class="text-right">$1.800,00</td>
|
||||
<td class="text-right">$1.800,00</td>
|
||||
<td class="text-end">$1.800,00</td>
|
||||
<td class="text-end">$1.800,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">2</td>
|
||||
@@ -390,8 +402,8 @@
|
||||
<td class="text-center">
|
||||
1
|
||||
</td>
|
||||
<td class="text-right">$20.000,00</td>
|
||||
<td class="text-right">$20.000,00</td>
|
||||
<td class="text-end">$20.000,00</td>
|
||||
<td class="text-end">$20.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td class="text-center">3</td>
|
||||
@@ -402,24 +414,24 @@
|
||||
<td class="text-center">
|
||||
1
|
||||
</td>
|
||||
<td class="text-right">$3.200,00</td>
|
||||
<td class="text-right">$3.200,00</td>
|
||||
<td class="text-end">$3.200,00</td>
|
||||
<td class="text-end">$3.200,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="strong text-right">Subtotal</td>
|
||||
<td class="text-right">$25.000,00</td>
|
||||
<td colspan="4" class="strong text-end">Subtotal</td>
|
||||
<td class="text-end">$25.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="strong text-right">Vat Rate</td>
|
||||
<td class="text-right">20%</td>
|
||||
<td colspan="4" class="strong text-end">Vat Rate</td>
|
||||
<td class="text-end">20%</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="strong text-right">Vat Due</td>
|
||||
<td class="text-right">$5.000,00</td>
|
||||
<td colspan="4" class="strong text-end">Vat Due</td>
|
||||
<td class="text-end">$5.000,00</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td colspan="4" class="font-weight-bold text-uppercase text-right">Total Due</td>
|
||||
<td class="font-weight-bold text-right">$30.000,00</td>
|
||||
<td colspan="4" class="font-weight-bold text-uppercase text-end">Total Due</td>
|
||||
<td class="font-weight-bold text-end">$30.000,00</td>
|
||||
</tr>
|
||||
</table>
|
||||
<p class="text-muted text-center mt-5">Thank you very much for doing business with us. We look forward to working with
|
||||
@@ -430,22 +442,22 @@
|
||||
<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">
|
||||
<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">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>
|
||||
</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
|
||||
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.13</a>
|
||||
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.21</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -458,8 +470,5 @@
|
||||
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
||||
<!-- Tabler Core -->
|
||||
<script src="./dist/js/tabler.min.js"></script>
|
||||
<script>
|
||||
document.body.style.display = "block"
|
||||
</script>
|
||||
</body>
|
||||
</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 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
2469
demo/layout-navbar-sticky.html
Normal file
2469
demo/layout-navbar-sticky.html
Normal file
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