|
|
@@ -1,7 +1,7 @@
|
|
|
<!doctype html>
|
|
|
<!--
|
|
|
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
|
|
|
-* @version 1.0.0-alpha.15
|
|
|
+* @version 1.0.0-alpha.16
|
|
|
* @link https://tabler.io
|
|
|
* Copyright 2018-2020 The Tabler Authors
|
|
|
* Copyright 2018-2020 codecalm.net Paweł Kuna
|
|
|
@@ -27,15 +27,17 @@
|
|
|
<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 pr-0 pr-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">
|
|
|
+ <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>
|
|
|
@@ -48,7 +50,7 @@
|
|
|
</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>Paweł Kuna</div>
|
|
|
@@ -82,7 +84,7 @@
|
|
|
</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">
|
|
|
@@ -107,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>
|
|
|
@@ -128,11 +133,11 @@
|
|
|
<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>
|
|
|
@@ -164,7 +169,7 @@
|
|
|
Markdown
|
|
|
</a>
|
|
|
<div class="dropright">
|
|
|
- <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-toggle="dropdown" role="button" aria-expanded="false" >
|
|
|
+ <a class="dropdown-item dropdown-toggle" href="#sidebar-authentication" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
|
|
Authentication
|
|
|
</a>
|
|
|
<div class="dropdown-menu">
|
|
|
@@ -176,7 +181,7 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="dropright">
|
|
|
- <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-toggle="dropdown" role="button" aria-expanded="false" >
|
|
|
+ <a class="dropdown-item dropdown-toggle" href="#sidebar-error" data-bs-toggle="dropdown" role="button" aria-expanded="false" >
|
|
|
Error pages
|
|
|
</a>
|
|
|
<div class="dropdown-menu">
|
|
|
@@ -199,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">
|
|
|
@@ -240,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">
|
|
|
@@ -314,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>
|
|
|
@@ -341,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>
|
|
|
@@ -369,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>
|
|
|
@@ -404,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>
|
|
|
@@ -440,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>
|
|
|
@@ -451,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>
|
|
|
@@ -459,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>
|
|
|
@@ -467,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>
|
|
|
@@ -475,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>
|
|
|
@@ -483,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>
|
|
|
@@ -515,7 +520,7 @@
|
|
|
All rights reserved.
|
|
|
</li>
|
|
|
<li class="list-inline-item">
|
|
|
- <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.15</a>
|
|
|
+ <a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-alpha.16</a>
|
|
|
</li>
|
|
|
</ul>
|
|
|
</div>
|
Michal Wolny