Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2025-12-26 11:16:12 +04:00
Code Issues Projects Releases Wiki Activity

Release 1.0.0-beta2

Browse Source
This commit is contained in:
codecalm
2021-03-29 01:35:17 +02:00
parent 2d0a81c811
commit 65de9e5e61
154 changed files with 69042 additions and 60848 deletions
Download Patch File Download Diff File Expand all files Collapse all files

381
demo/skeleton.html
View File

@@ -1,7 +1,7 @@
<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version 1.0.0-beta
* @version 1.0.0-beta2
* @link https://tabler.io
* Copyright 2018-2021 The Tabler Authors
* Copyright 2018-2021 codecalm.net Paweł Kuna
@@ -21,7 +21,7 @@
<link href="./dist/css/demo.min.css" rel="stylesheet"/>
</head>
<body class="antialiased">
<div class="page">
<div class="wrapper">
<header class="navbar navbar-expand-md navbar-light d-print-none">
<div class="container-xl">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-menu">
@@ -33,8 +33,23 @@
</a>
</h1>
<div class="navbar-nav flex-row order-md-last">
<div class="nav-item d-none d-md-flex me-3">
<div class="btn-list">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/brand-github -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-github" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></svg>
Source code
</a>
<a href="https://github.com/sponsors/codecalm" class="btn btn-outline-white" target="_blank" rel="noreferrer">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</div>
</div>
<div class="nav-item dropdown d-none d-md-flex me-3">
<a href="#" class="nav-link px-0" data-bs-toggle="dropdown" tabindex="-1" aria-label="Show notifications">
<!-- Download SVG icon from http://tabler-icons.io/i/bell -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M10 5a2 2 0 0 1 4 0a7 7 0 0 1 4 6v3a4 4 0 0 0 2 3h-16a4 4 0 0 0 2 -3v-3a7 7 0 0 1 4 -6" /><path d="M9 17v1a3 3 0 0 0 6 0v-1" /></svg>
<span class="badge bg-red"></span>
</a>
@@ -73,7 +88,8 @@
<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 class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/home -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="5 12 3 12 12 3 21 12 19 12" /><path d="M5 12v7a2 2 0 0 0 2 2h10a2 2 0 0 0 2 -2v-7" /><path d="M9 21v-6a2 2 0 0 1 2 -2h2a2 2 0 0 1 2 2v6" /></svg>
</span>
<span class="nav-link-title">
Home
@@ -82,7 +98,8 @@
</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 class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/package -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="12 3 20 7.5 20 16.5 12 21 4 16.5 4 7.5 12 3" /><line x1="12" y1="12" x2="20" y2="7.5" /><line x1="12" y1="12" x2="12" y2="21" /><line x1="12" y1="12" x2="4" y2="7.5" /><line x1="16" y1="5.25" x2="8" y2="9.75" /></svg>
</span>
<span class="nav-link-title">
Interface
@@ -130,17 +147,14 @@
<a class="dropdown-item" href="./maps-vector.html" >
Vector maps
</a>
</div>
<div class="dropdown-menu-column">
<a class="dropdown-item" href="./navigation.html" >
Navigation
</a>
</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>
@@ -162,9 +176,6 @@
<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>
@@ -196,7 +207,8 @@
</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 class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/checkbox -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><polyline points="9 11 12 14 20 6" /><path d="M20 12v6a2 2 0 0 1 -2 2h-12a2 2 0 0 1 -2 -2v-12a2 2 0 0 1 2 -2h9" /></svg>
</span>
<span class="nav-link-title">
Form elements
@@ -205,7 +217,8 @@
</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 class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/star -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 17.75l-6.172 3.245l1.179 -6.873l-5 -4.867l6.9 -1l3.086 -6.253l3.086 6.253l6.9 1l-5 4.867l1.179 6.873z" /></svg>
</span>
<span class="nav-link-title">
Extra
@@ -246,7 +259,8 @@
</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 class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/layout-2 -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><rect x="4" y="4" width="6" height="5" rx="2" /><rect x="4" y="13" width="6" height="7" rx="2" /><rect x="14" y="4" width="6" height="7" rx="2" /><rect x="14" y="15" width="6" height="5" rx="2" /></svg>
</span>
<span class="nav-link-title">
Layout
@@ -305,7 +319,8 @@
</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 class="nav-link-icon d-md-none d-lg-inline-block"><!-- Download SVG icon from http://tabler-icons.io/i/file-text -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M14 3v4a1 1 0 0 0 1 1h4" /><path d="M17 21h-10a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h7l5 5v11a2 2 0 0 1 -2 2z" /><line x1="9" y1="9" x2="10" y2="9" /><line x1="9" y1="13" x2="15" y2="13" /><line x1="9" y1="17" x2="15" y2="17" /></svg>
</span>
<span class="nav-link-title">
Documentation
@@ -317,6 +332,7 @@
<form action="." method="get">
<div class="input-icon">
<span class="input-icon-addon">
<!-- Download SVG icon from http://tabler-icons.io/i/search -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><circle cx="10" cy="10" r="7" /><line x1="21" y1="21" x2="15" y2="15" /></svg>
</span>
<input type="text" class="form-control" placeholder="Search…" aria-label="Search in website">
@@ -327,7 +343,7 @@
</div>
</div>
</div>
<div class="content">
<div class="page-wrapper">
<div class="container-xl">
<!-- Page title -->
<div class="page-header d-print-none">
@@ -339,199 +355,203 @@
</div>
</div>
</div>
<div class="row row-cards">
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="page-body">
<div class="container-xl">
<div class="row row-cards">
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="col-3">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-auto">
<div class="skeleton-avatar"></div>
<div class="col-4">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body">
<div class="row">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
<div class="col">
<div class="skeleton-line"></div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body py-5 text-center">
<div>
<div class="skeleton-avatar skeleton-avatar-lg"></div>
</div>
<div class="mt w-75 mx-auto">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="card-body py-5 text-center">
<div>
<div class="skeleton-avatar skeleton-avatar-lg"></div>
</div>
<div class="col-4">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="mt w-75 mx-auto">
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="ratio ratio-21x9 card-img-top">
<div class="skeleton-image"></div>
</div>
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<div class="row g-0 align-items-center">
<div class="col-3">
<div class="ratio ratio-1x1 card-img-left">
<div class="skeleton-image"></div>
<div class="col-12">
<div class="card">
<div class="row g-0 align-items-center">
<div class="col-3">
<div class="ratio ratio-1x1 card-img-left">
<div class="skeleton-image"></div>
</div>
</div>
</div>
<div class="col">
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="col">
<div class="card-body">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body text-end">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="col-4">
<div class="row row-cards">
<div class="col-12">
<div class="card">
<div class="card-body text-end">
<div class="skeleton-heading"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</div>
<div class="col-12">
<div class="card">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
<div class="col-12">
<div class="card">
<ul class="list-group list-group-flush">
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</li>
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</li>
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</li>
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</li>
<li class="list-group-item">
<div class="row align-items-center">
<div class="col-auto">
<div class="skeleton-avatar"></div>
</div>
<div class="col-7">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
<div class="col-2 ms-auto text-end">
<div class="skeleton-line"></div>
<div class="skeleton-line"></div>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
@@ -546,6 +566,13 @@
<li class="list-inline-item"><a href="./docs/index.html" class="link-secondary">Documentation</a></li>
<li class="list-inline-item"><a href="./license.html" class="link-secondary">License</a></li>
<li class="list-inline-item"><a href="https://github.com/tabler/tabler" target="_blank" class="link-secondary" rel="noopener">Source code</a></li>
<li class="list-inline-item">
<a href="https://github.com/sponsors/codecalm" target="_blank" class="link-secondary" rel="noopener">
<!-- Download SVG icon from http://tabler-icons.io/i/heart -->
<svg xmlns="http://www.w3.org/2000/svg" class="icon text-pink icon-filled icon-inline" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M19.5 13.572l-7.5 7.428l-7.5 -7.428m0 0a5 5 0 1 1 7.5 -6.566a5 5 0 1 1 7.5 6.572" /></svg>
Sponsor
</a>
</li>
</ul>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0">
@@ -556,7 +583,7 @@
All rights reserved.
</li>
<li class="list-inline-item">
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta</a>
<a href="./changelog.html" class="link-secondary" rel="noopener">v1.0.0-beta2</a>
</li>
</ul>
</div>