1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-21 17:34:25 +04:00

new version dist

This commit is contained in:
chomik
2018-03-20 15:37:24 +01:00
parent 568950f0a4
commit 715fa78a35
39 changed files with 969 additions and 454 deletions

2
dist/400.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Page 400 - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

2
dist/401.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Page 401 - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

2
dist/403.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Page 403 - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

2
dist/404.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Page 404 - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

2
dist/500.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Page 500 - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

2
dist/503.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Page 503 - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

View File

@@ -9899,63 +9899,78 @@ img {
max-width: 24rem;
}
.xs-gutters {
.gutters-0 {
margin-right: 0;
margin-left: 0;
}
.gutters-0 > .col,
.gutters-0 > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.gutters-0 .card {
margin-bottom: 0;
}
.gutters-xs {
margin-right: -0.25rem;
margin-left: -0.25rem;
}
.xs-gutters > .col,
.xs-gutters > [class*="col-"] {
.gutters-xs > .col,
.gutters-xs > [class*="col-"] {
padding-right: 0.25rem;
padding-left: 0.25rem;
}
.xs-gutters .card {
.gutters-xs .card {
margin-bottom: 0.5rem;
}
.sm-gutters {
.gutters-sm {
margin-right: -0.5rem;
margin-left: -0.5rem;
}
.sm-gutters > .col,
.sm-gutters > [class*="col-"] {
.gutters-sm > .col,
.gutters-sm > [class*="col-"] {
padding-right: 0.5rem;
padding-left: 0.5rem;
}
.sm-gutters .card {
.gutters-sm .card {
margin-bottom: 1rem;
}
.lg-gutters {
.gutters-lg {
margin-right: -1rem;
margin-left: -1rem;
}
.lg-gutters > .col,
.lg-gutters > [class*="col-"] {
.gutters-lg > .col,
.gutters-lg > [class*="col-"] {
padding-right: 1rem;
padding-left: 1rem;
}
.lg-gutters .card {
.gutters-lg .card {
margin-bottom: 2rem;
}
.xl-gutters {
.gutters-xl {
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.xl-gutters > .col,
.xl-gutters > [class*="col-"] {
.gutters-xl > .col,
.gutters-xl > [class*="col-"] {
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.xl-gutters .card {
.gutters-xl .card {
margin-bottom: 3rem;
}
@@ -13236,6 +13251,15 @@ Card alert
margin: -1px -1px 0;
}
.card-category {
font-size: 0.875rem;
text-transform: uppercase;
text-align: center;
font-weight: 600;
letter-spacing: .05em;
margin: 0 0 .5rem;
}
.popover {
-webkit-filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));
filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1));

4
dist/blog.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Blog components
</h1>
</div>

5
dist/cards.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Cards design - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item active">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -180,8 +181,6 @@
<div class="page-content">
<div class="container">
<div class="row">
<div class="col-lg-12">
</div>
<div class="col-md-6 col-xl-4">
<div class="card">
<div class="card-header">

4
dist/charts.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Charts - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item active">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Charts
</h1>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Crypto currencies - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Crypto currencies
</h1>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>
@@ -217,8 +217,7 @@
<h2 class="mt-0 mb-4">Alerts</h2>
<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
<div class="alert alert-primary mt-5 mb-6">
<h4 class="mb-1">Work in progress!</h4>
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
<div><strong>Work in progress!</strong> More detailed documentation is coming soon.</div>
</div>
<h3 id="default-alerts">Default alerts</h3>
<p>Add color contextual class.</p>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Buttons - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

22
dist/docs/colors.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Colors - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>
@@ -309,6 +309,8 @@
<h3 id="other-colors">Other colors</h3>
<p>Instead of using contextual classes you can use ordinary color names.</p>
<div class="example">
<div class="row">
<div class="col-4">
<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-blue rounded mr-4"></div>
<div>
@@ -344,6 +346,8 @@
<code>.bg-pink</code>
</div>
</div>
</div>
<div class="col-4">
<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-red rounded mr-4"></div>
<div>
@@ -379,6 +383,8 @@
<code>.bg-green</code>
</div>
</div>
</div>
<div class="col-4">
<div class="d-flex align-items-center mb-4">
<div class="w-7 h-7 bg-teal rounded mr-4"></div>
<div>
@@ -408,8 +414,12 @@
</div>
</div>
</div>
</div>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center mb-4"</span><span class="nt">&gt;</span>
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center mb-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"w-7 h-7 bg-blue rounded mr-4"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div&gt;</span>
<span class="nt">&lt;strong&gt;</span>Blue<span class="nt">&lt;/strong&gt;&lt;br</span> <span class="nt">/&gt;</span>
@@ -444,6 +454,8 @@
<span class="nt">&lt;code&gt;</span>.bg-pink<span class="nt">&lt;/code&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center mb-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"w-7 h-7 bg-red rounded mr-4"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div&gt;</span>
@@ -479,6 +491,8 @@
<span class="nt">&lt;code&gt;</span>.bg-green<span class="nt">&lt;/code&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"d-flex align-items-center mb-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"w-7 h-7 bg-teal rounded mr-4"</span><span class="nt">&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div&gt;</span>
@@ -506,6 +520,8 @@
<span class="nt">&lt;strong&gt;</span>Dark gray<span class="nt">&lt;/strong&gt;&lt;br</span> <span class="nt">/&gt;</span>
<span class="nt">&lt;code&gt;</span>.bg-gray-dark<span class="nt">&lt;/code&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre>
</div>
<h3 id="tinting-backgrounds">Tinting backgrounds</h3>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>
@@ -314,7 +314,7 @@
<div class="example">
<div class="form-group">
<label class="form-label">Image Check</label>
<div class="row sm-gutters">
<div class="row gutters-sm">
<div class="col-sm-2">
<label class="imagecheck mb-4">
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
@@ -369,7 +369,7 @@
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">&gt;</span>Image Check<span class="nt">&lt;/label&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row sm-gutters"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-sm"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-sm-2"</span><span class="nt">&gt;</span>
<span class="nt">&lt;label</span> <span class="na">class=</span><span class="s">"imagecheck mb-4"</span><span class="nt">&gt;</span>
<span class="nt">&lt;input</span> <span class="na">name=</span><span class="s">"imagecheck"</span> <span class="na">type=</span><span class="s">"checkbox"</span> <span class="na">value=</span><span class="s">"1"</span> <span class="na">class=</span><span class="s">"imagecheck-input"</span> <span class="nt">/&gt;</span>

204
dist/docs/grid.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>
@@ -215,9 +215,205 @@
<div class="card-body">
<div class="text-wrap p-lg-6">
<h2 class="mt-0 mb-4">Grid utilities</h2>
<p>Quickly and easily create layouts with the basic 12-column.</p>
<div class="alert alert-primary mt-5 mb-6">
<h4 class="mb-1">Work in progress!</h4>
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
<div><strong>Work in progress!</strong> More detailed documentation is coming soon.</div>
</div>
<h3 id="basic-layout">Basic layout</h3>
<p>Create basic grid layout using columns. With <code class="highlighter-rouge">.row</code> and <code class="highlighter-rouge">.col</code>, we can easily manipulate the layout.</p>
<div class="example">
<div class="row mb-3">
<div class="col-12">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
</div>
<div class="row mb-3">
<div class="col-6">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-6">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
<div class="row mb-3">
<div class="col-4">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-4">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-4">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
</div>
<div class="row mb-3">
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
<div class="row mb-3">
<div class="col-2">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-2">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-2">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-2">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-2">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-2">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-12"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-6"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-4"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-4"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-4"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-2"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre>
</div>
<h3 id="column-spacing">Column spacing</h3>
<p>Row provides <code class="highlighter-rouge">.gutters-[size]</code> attribute to specify spacings between columns.</p>
<div class="example">
<div class="row gutters-0 mb-3">
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
<div class="row gutters-xs mb-3">
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
<div class="row gutters-sm mb-3">
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
<div class="row gutters-md mb-3">
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
<div class="row gutters-lg mb-3">
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lighter rounded"></div>
</div>
<div class="col-3">
<div class="h-5 bg-gray-lightest rounded"></div>
</div>
</div>
</div>
<div class="highlight">
<pre><code class="language-html" data-lang="html"><span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-0 mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-xs mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-sm mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-md mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"row gutters-lg mb-3"</span><span class="nt">&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lighter rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"col-3"</span><span class="nt">&gt;&lt;div</span> <span class="na">class=</span><span class="s">"h-5 bg-gray-lightest rounded"</span><span class="nt">&gt;&lt;/div&gt;&lt;/div&gt;</span>
<span class="nt">&lt;/div&gt;</span></code></pre>
</div>
</div>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

4
dist/docs/tags.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Documentation
</h1>
</div>

3
dist/email.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Email - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">

3
dist/empty.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Empty page - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Forgot password - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -210,7 +211,7 @@
</div>
<div class="form-group">
<label class="form-label">Image Check</label>
<div class="row sm-gutters">
<div class="row gutters-sm">
<div class="col-6 col-sm-4">
<label class="imagecheck mb-4">
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
@@ -378,7 +379,7 @@
</div>
<div class="form-group">
<label class="form-label">Separated inputs</label>
<div class="row xs-gutters">
<div class="row gutters-xs">
<div class="col">
<input type="text" class="form-control" placeholder="Search for...">
</div>
@@ -389,7 +390,7 @@
</div>
<div class="form-group">
<label class="form-label">ZIP Code</label>
<div class="row sm-gutters">
<div class="row gutters-sm">
<div class="col">
<input type="text" class="form-control" placeholder="Search for...">
</div>
@@ -658,7 +659,7 @@
</div>
<div class="form-group">
<label class="form-label">Date of birth</label>
<div class="row xs-gutters">
<div class="row gutters-xs">
<div class="col-5">
<select name="user[month]" class="form-control custom-select">
<option value="">Month</option>
@@ -1030,6 +1031,58 @@
</div>
</div>
</form>
<script>
require(['jquery', 'selectize'], function ($, selectize) {
$(document).ready(function () {
$('#input-tags').selectize({
delimiter: ',',
persist: false,
create: function (input) {
return {
value: input,
text: input
}
}
});
$('#select-beast').selectize({});
$('#select-users').selectize({
render: {
option: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
'<span class="title">' + escape(data.text) + '</span>' +
'</div>';
},
item: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
escape(data.text) +
'</div>';
}
}
});
$('#select-countries').selectize({
render: {
option: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
'<span class="title">' + escape(data.text) + '</span>' +
'</div>';
},
item: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
escape(data.text) +
'</div>';
}
}
});
});
});
</script>
</div>
<div class="col-lg-4">
<div class="card">
@@ -1417,57 +1470,5 @@ But that's the difference in our opinions.</textarea>
</div>
</footer>
</div>
<script>
require(['jquery', 'selectize'], function ($, selectize) {
$(document).ready(function () {
$('#input-tags').selectize({
delimiter: ',',
persist: false,
create: function (input) {
return {
value: input,
text: input
}
}
});
$('#select-beast').selectize({});
$('#select-users').selectize({
render: {
option: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
'<span class="title">' + escape(data.text) + '</span>' +
'</div>';
},
item: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
escape(data.text) +
'</div>';
}
}
});
$('#select-countries').selectize({
render: {
option: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
'<span class="title">' + escape(data.text) + '</span>' +
'</div>';
},
item: function (data, escape) {
return '<div>' +
'<span class="image"><img src="' + data.image + '" alt=""></span>' +
escape(data.text) +
'</div>';
}
}
});
});
});
</script>
</body>
</html>

75
dist/gallery.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -207,11 +208,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/41.jpg)"></div>
<div>
<div>Nathan Guerrero</div>
<small class="d-block text-muted">17 days ago</small>
<small class="d-block text-muted">12 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 157</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 87</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 112</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 42</a>
</div>
</div>
</div>
@@ -225,11 +226,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/1.jpg)"></div>
<div>
<div>Alice Mason</div>
<small class="d-block text-muted">17 days ago</small>
<small class="d-block text-muted">12 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 159</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 89</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 70</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 0</a>
</div>
</div>
</div>
@@ -243,11 +244,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/18.jpg)"></div>
<div>
<div>Rose Bradley</div>
<small class="d-block text-muted">12 days ago</small>
<small class="d-block text-muted">4 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 127</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 57</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 166</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 96</a>
</div>
</div>
</div>
@@ -261,11 +262,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/16.jpg)"></div>
<div>
<div>Peter Richards</div>
<small class="d-block text-muted">6 days ago</small>
<small class="d-block text-muted">18 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 86</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 16</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 76</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 6</a>
</div>
</div>
</div>
@@ -279,11 +280,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/26.jpg)"></div>
<div>
<div>Wayne Holland</div>
<small class="d-block text-muted">4 days ago</small>
<small class="d-block text-muted">16 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 79</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 9</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 106</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 36</a>
</div>
</div>
</div>
@@ -297,11 +298,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/7.jpg)"></div>
<div>
<div>Michelle Ross</div>
<small class="d-block text-muted">9 days ago</small>
<small class="d-block text-muted">4 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 106</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 36</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 77</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 7</a>
</div>
</div>
</div>
@@ -315,11 +316,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
<div>
<div>Debra Beck</div>
<small class="d-block text-muted">16 days ago</small>
<small class="d-block text-muted">6 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 151</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 81</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 150</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 80</a>
</div>
</div>
</div>
@@ -333,11 +334,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/30.jpg)"></div>
<div>
<div>Phillip Peters</div>
<small class="d-block text-muted">18 days ago</small>
<small class="d-block text-muted">17 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 162</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 92</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 153</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 83</a>
</div>
</div>
</div>
@@ -351,11 +352,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/32.jpg)"></div>
<div>
<div>Jack Ruiz</div>
<small class="d-block text-muted">14 days ago</small>
<small class="d-block text-muted">15 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 140</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 70</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 143</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 73</a>
</div>
</div>
</div>
@@ -369,11 +370,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/9.jpg)"></div>
<div>
<div>Ronald Bradley</div>
<small class="d-block text-muted">7 days ago</small>
<small class="d-block text-muted">11 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 94</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 24</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 149</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 79</a>
</div>
</div>
</div>
@@ -387,11 +388,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/female/8.jpg)"></div>
<div>
<div>Kathleen Harper</div>
<small class="d-block text-muted">4 days ago</small>
<small class="d-block text-muted">16 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 78</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 8</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 164</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 94</a>
</div>
</div>
</div>
@@ -405,11 +406,11 @@
<div class="avatar avatar-md mr-3" style="background-image: url(assets/images/faces/male/4.jpg)"></div>
<div>
<div>Bobby Knight</div>
<small class="d-block text-muted">7 days ago</small>
<small class="d-block text-muted">6 days ago</small>
</div>
<div class="ml-auto text-muted">
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 94</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 24</a>
<a href="javascript:void(0)" class="icon"><i class="fe fe-eye mr-1"></i> 160</a>
<a href="javascript:void(0)" class="icon d-none d-md-inline-block ml-3"><i class="fe fe-heart mr-1"></i> 90</a>
</div>
</div>
</div>

4
dist/icons.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Icons - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Icons
</h1>
</div>

116
dist/index.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Homepage - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Dashboard
</h1>
</div>
@@ -276,30 +276,30 @@
<tbody>
<tr>
<td class="w-1"><span class="avatar" style="background-image: url(./assets/images/faces/male/9.jpg)"></span></td>
<td>Ryan Lawrence</td>
<td>Ronald Bradley</td>
<td>Initial commit</td>
<td>May 6, 2016</td>
<td>May 6, 2018</td>
<td class="w-1"><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar">BM</span></td>
<td>Benji Miller</td>
<td>Russell Gibson</td>
<td>Main structure</td>
<td>April 22, 2016</td>
<td>April 22, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar" style="background-image: url(./assets/images/faces/female/1.jpg)"></span></td>
<td>Justine Adams</td>
<td>Beverly Armstrong</td>
<td>Left sidebar adjusments</td>
<td>April 15, 2016</td>
<td>April 15, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
<tr>
<td><span class="avatar" style="background-image: url(./assets/images/faces/male/4.jpg)"></span></td>
<td>Brett Harris</td>
<td>Bobby Knight</td>
<td>Topbar dropdown style</td>
<td>April 8, 2016</td>
<td>April 8, 2018</td>
<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
</tr>
</tbody>
@@ -635,20 +635,20 @@
<td>
<div>Elizabeth Martin</div>
<div class="small text-muted">
Registered: Feb 7, 2018
Registered: 1519157820.640867
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>87%</strong>
<strong>42%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-green" role="progressbar" style="width: 87%" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-yellow" role="progressbar" style="width: 42%" aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -656,11 +656,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>11 minutes ago</div>
<div>4 minutes ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.91" data-thickness="3" data-color="blue">
<div class="chart-circle-value">91%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.42" data-thickness="3" data-color="blue">
<div class="chart-circle-value">42.9848044891637073305901139974594116210937500000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -685,20 +685,20 @@
<td>
<div>Michelle Schultz</div>
<div class="small text-muted">
Registered: Dec 26, 2017
Registered: 1517710406.3733366
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>89%</strong>
<strong>0%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-green" role="progressbar" style="width: 89%" aria-valuenow="89" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-red" role="progressbar" style="width: 0%" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -706,11 +706,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>11 minutes ago</div>
<div>5 minutes ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.63" data-thickness="3" data-color="blue">
<div class="chart-circle-value">63%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.0" data-thickness="3" data-color="blue">
<div class="chart-circle-value">0.0782453332931254408322274684906005859375000000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -735,20 +735,20 @@
<td>
<div>Crystal Austin</div>
<div class="small text-muted">
Registered: Dec 6, 2017
Registered: 1520789083.2701619
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>57%</strong>
<strong>96%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-yellow" role="progressbar" style="width: 57%" aria-valuenow="57" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-green" role="progressbar" style="width: 96%" aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -756,11 +756,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>7 minutes ago</div>
<div>a minute ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.19" data-thickness="3" data-color="blue">
<div class="chart-circle-value">19%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.96" data-thickness="3" data-color="blue">
<div class="chart-circle-value">96.5943341229763063893187791109085083007812500000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -785,20 +785,20 @@
<td>
<div>Douglas Ray</div>
<div class="small text-muted">
Registered: Dec 15, 2017
Registered: 1513731514.091033
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>16%</strong>
<strong>6%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-red" role="progressbar" style="width: 16%" aria-valuenow="16" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-red" role="progressbar" style="width: 6%" aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -806,11 +806,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>2 minutes ago</div>
<div>a minute ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.08" data-thickness="3" data-color="blue">
<div class="chart-circle-value">8%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.06" data-thickness="3" data-color="blue">
<div class="chart-circle-value">6.8124613620875607011839747428894042968750000000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -835,20 +835,20 @@
<td>
<div>Teresa Reyes</div>
<div class="small text-muted">
Registered: Jan 25, 2018
Registered: 1517884350.1606452
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>9%</strong>
<strong>36%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-red" role="progressbar" style="width: 9%" aria-valuenow="9" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-red" role="progressbar" style="width: 36%" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -856,11 +856,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>a minute ago</div>
<div>2 minutes ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.31" data-thickness="3" data-color="blue">
<div class="chart-circle-value">31%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.36" data-thickness="3" data-color="blue">
<div class="chart-circle-value">36.9059354919336328748613595962524414062500000000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -885,20 +885,20 @@
<td>
<div>Emma Wade</div>
<div class="small text-muted">
Registered: Feb 20, 2018
Registered: 1519230813.4593334
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>36%</strong>
<strong>7%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-red" role="progressbar" style="width: 36%" aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-red" role="progressbar" style="width: 7%" aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -906,11 +906,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>4 minutes ago</div>
<div>a minute ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.77" data-thickness="3" data-color="blue">
<div class="chart-circle-value">77%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.07" data-thickness="3" data-color="blue">
<div class="chart-circle-value">7.0641692583449184894561767578125000000000000000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -935,20 +935,20 @@
<td>
<div>Carol Henderson</div>
<div class="small text-muted">
Registered: Feb 14, 2018
Registered: 1516965540.2896595
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>81%</strong>
<strong>80%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-green" role="progressbar" style="width: 81%" aria-valuenow="81" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-green" role="progressbar" style="width: 80%" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -956,11 +956,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>10 minutes ago</div>
<div>9 minutes ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.92" data-thickness="3" data-color="blue">
<div class="chart-circle-value">92%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.8" data-thickness="3" data-color="blue">
<div class="chart-circle-value">80.3770463792461669072508811950683593750000000000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">
@@ -985,20 +985,20 @@
<td>
<div>Christopher Harvey</div>
<div class="small text-muted">
Registered: Jan 7, 2018
Registered: 1514293537.560482
</div>
</td>
<td>
<div class="clearfix">
<div class="float-left">
<strong>92%</strong>
<strong>83%</strong>
</div>
<div class="float-right">
<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
</div>
</div>
<div class="progress progress-xs">
<div class="progress-bar bg-green" role="progressbar" style="width: 92%" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100"></div>
<div class="progress-bar bg-green" role="progressbar" style="width: 83%" aria-valuenow="83" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</td>
<td class="text-center">
@@ -1006,11 +1006,11 @@
</td>
<td>
<div class="small text-muted">Last login</div>
<div>12 minutes ago</div>
<div>8 minutes ago</div>
</td>
<td class="text-center">
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.75" data-thickness="3" data-color="blue">
<div class="chart-circle-value">75%</div>
<div class="mx-auto chart-circle chart-circle-xs" data-value="0.83" data-thickness="3" data-color="blue">
<div class="chart-circle-value">83.7712679939868394285440444946289062500000000000000000000000000000000000%</div>
</div>
</td>
<td class="text-center">

3
dist/invoice.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Invoice - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">

2
dist/login.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Login - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

6
dist/lookup.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Lookup company - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Lookup company
</h1>
</div>
@@ -232,7 +232,7 @@
</div>
</div>
<div class="card-body">
<div class="row lg-gutters">
<div class="row gutters-lg">
<div class="col-7">
<div class="row mb-5">
<div class="col">

3
dist/maps.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Maps - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">

327
dist/pricing-cards.html vendored Normal file
View File

@@ -0,0 +1,327 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<meta http-equiv="Content-Language" content="en" />
<meta name="msapplication-TileColor" content="#2d89ef">
<meta name="theme-color" content="#4188c9">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="mobile-web-app-capable" content="yes">
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Pricing cards - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
<script src="./assets/js/require.min.js"></script>
<script>
requirejs.config({
baseUrl: '.'
});
</script>
<!-- Dashboard Core -->
<link href="./assets/css/dashboard.css" rel="stylesheet" />
<script src="./assets/js/dashboard.js"></script>
<!-- c3.js Charts Plugin -->
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
<script src="./assets/plugins/charts-c3/plugin.js"></script>
<!-- Google Maps Plugin -->
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
<script src="./assets/plugins/maps-google/plugin.js"></script>
<!-- Input Mask Plugin -->
<script src="./assets/plugins/input-mask/plugin.js"></script>
</head>
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="container">
<div class="navbar p-0">
<a class="navbar-brand" href="./index.html">
<img src="./assets/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
</a>
<div class="nav order-lg-2">
<div class="nav-item">
<a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
</div>
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-message-square"></i>
</a>
<div class="dropdown-menu dropdown-menu-right">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
delectus dolore dolores maxime nesciunt qui quia totam.
</div>
</div>
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
<span class="nav-unread"></span>
</a>
<div class="dropdown-menu dropdown-menu-right">
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores
delectus dolore dolores maxime nesciunt qui quia totam.
</div>
</div>
<div class="dropdown ml-3">
<a href="#" class="nav-link" data-toggle="dropdown">
<span class="avatar" style="background-image: url(./assets/images/faces/female/25.jpg)"></span>
<span class="ml-2 d-none d-lg-block">
<span class="text-default">Jane Pearson</span>
<small class="text-muted d-block mt-1">Administrator</small>
</span>
</a>
<div class="dropdown-menu dropdown-menu-right">
<a class="dropdown-item" href="#">
<span>Profile</span>
</a>
<a class="dropdown-item" href="#">
<span>Settings</span>
</a>
<a class="dropdown-item" href="#">
<span class="float-right"><span class="badge badge-primary">6</span></span>
<span>Inbox</span>
</a>
<a class="dropdown-item" href="#">
<span>Message</span>
</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Need help? </a>
<a class="dropdown-item" href="#">Sign out</a>
</div>
</div>
</div>
<div class="collapse navbar-collapse order-lg-1" id="navbarToggler">
<ul class="navbar-nav mt-2 mt-lg-0 mx-0 mx-lg-2">
<li class="nav-item"><a href="#" class="nav-link">Dashboard</a></li>
<li class="nav-item dropdown">
<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown">Projects</a>
<div class="dropdown-menu mt-2 text-color" role="menu">
<a href="#" class="dropdown-item"><i class="dropdown-icon fa fa-tag"></i> Action </a>
<a href="#" class="dropdown-item"><i class="dropdown-icon fa fa-pencil"></i> Another action </a>
<a href="#" class="dropdown-item"><i class="dropdown-icon fa fa-reply"></i> Something else here</a>
<div class="dropdown-divider"></div>
<a href="#" class="dropdown-item"><i class="dropdown-icon fa fa-ellipsis-h"></i> Separated link</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="header-nav d-none d-lg-flex">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<li class="nav-item">
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item active">Pricing cards</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./104.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
</div>
</li>
<li class="nav-item">
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
</li>
<li class="nav-item">
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
</li>
<li class="nav-item">
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="container">
<div class="page-header">
<h1 class="page-title">
Pricing cards
</h1>
</div>
<div class="row">
<div class="col-3">
<div class="card">
<div class="card-body text-center">
<div class="card-category">Free</div>
<div class="display-3 my-4">$0</div>
<ul class="list-unstyled leading-loose">
<li><strong>3</strong> Users</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Sharing Tools</li>
<li><i class="fe fe-x text-danger mr-2" aria-hidden="true"></i> Design Tools</li>
<li><i class="fe fe-x text-danger mr-2" aria-hidden="true"></i> Private Messages</li>
<li><i class="fe fe-x text-danger mr-2" aria-hidden="true"></i> Twitter API</li>
</ul>
<div class="text-center mt-6">
<a href="#" class="btn btn-secondary btn-block">Choose plan</a>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card-status bg-green"></div>
<div class="card-body text-center">
<div class="card-category">Premium</div>
<div class="display-3 my-4">$49</div>
<ul class="list-unstyled leading-loose">
<li><strong>10</strong> Users</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Sharing Tools</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Design Tools</li>
<li><i class="fe fe-x text-danger mr-2" aria-hidden="true"></i> Private Messages</li>
<li><i class="fe fe-x text-danger mr-2" aria-hidden="true"></i> Twitter API</li>
</ul>
<div class="text-center mt-6">
<a href="#" class="btn btn-green btn-block">Choose plan</a>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card-body text-center">
<div class="card-category">Enterprise</div>
<div class="display-3 my-4">$99</div>
<ul class="list-unstyled leading-loose">
<li><strong>100</strong> Users</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Sharing Tools</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Design Tools</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Private Messages</li>
<li><i class="fe fe-x text-danger mr-2" aria-hidden="true"></i> Twitter API</li>
</ul>
<div class="text-center mt-6">
<a href="#" class="btn btn-secondary btn-block">Choose plan</a>
</div>
</div>
</div>
</div>
<div class="col-3">
<div class="card">
<div class="card-body text-center">
<div class="card-category">Unlimited</div>
<div class="display-3 my-4">$139</div>
<ul class="list-unstyled leading-loose">
<li><strong>Unlimited</strong> Users</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Sharing Tools</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Design Tools</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Private Messages</li>
<li><i class="fe fe-check text-success mr-2" aria-hidden="true"></i> Twitter API</li>
</ul>
<div class="text-center mt-6">
<a href="#" class="btn btn-secondary btn-block">Choose plan</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container">
<div class="row">
<div class="col-lg-8">
<div class="row">
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">First link</a></li>
<li><a href="#">Second link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">Third link</a></li>
<li><a href="#">Fourth link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">Fifth link</a></li>
<li><a href="#">Sixth link</a></li>
</ul>
</div>
<div class="col-6 col-md-3">
<ul class="list-unstyled mb-0">
<li><a href="#">Other link</a></li>
<li><a href="#">Last link</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mt-4 mt-lg-0">
Premium and Open Source dashboard template with responsive and high quality UI. For Free!
</div>
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<div class="row align-items-center">
<div class="col-auto">
<ul class="list-inline list-inline-dots mb-0">
<li class="list-inline-item"><a href="./docs/index.html">Documentation</a></li>
<li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
</ul>
</div>
<div class="col-auto">
<a href="https://github.com/tabler/tabler" class="btn btn-outline-primary btn-sm">Source code</a>
</div>
</div>
</div>
<div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
Copyright © 2018 <a href=".">Tabler</a>. Theme by <a href="https://codecalm.net" target="_blank">codecalm.net</a> All rights reserved.
</div>
</div>
</div>
</footer>
</div>
</body>
</html>

3
dist/profile.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Profile - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">

2
dist/register.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Register - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">

134
dist/sample-cards.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Homepage - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -983,6 +984,43 @@
<h3 class="card-title">Email Statistics</h3>
<div>
<div id="chart-emails" style="height: 15rem"></div>
require(['c3', 'jquery'], function (c3, $) {
$(document).ready(function() {
var chart = c3.generate({
bindto: '#chart-emails',
padding: {
bottom: 24,
top: 0
},
data: {
type: 'donut',
names: {
data1: 'Open',
data2: 'Bounce',
data3: 'Unsubscribe',
},
columns: [
['data1', 30],
['data2', 50],
['data3', 25],
],
colors: {
data1: tabler.colors.blue,
data2: tabler.colors.red,
data3: tabler.colors.yellow,
}
},
donut: {
label: {
show: false
}
},
legend: {
show: true
},
});
});
});
</div>
</div>
<div class="card-footer">
@@ -1628,7 +1666,7 @@
<h3 class="card-title">Match results</h3>
</div>
<div class="card-body">
<div class="row align-items-center sm-gutters">
<div class="row align-items-center gutters-sm">
<div class="col text-left">
<img src="assets/images/teams/real-madrid.png" alt="">
</div>
@@ -3282,97 +3320,5 @@
</div>
</footer>
</div>
<script type="text/javascript">
requirejs(['jquery'], function($) {
$(document).ready(function () {
require(['c3'], function (c3) {
var chart = c3.generate({
bindto: '#chart-emails',
padding: {
bottom: 24,
top: 0
},
data: {
type: 'donut',
names: {
data1: 'Open',
data2: 'Bounce',
data3: 'Unsubscribe',
},
columns: [
['data1', 30],
['data2', 50],
['data3', 25],
],
colors: {
data1: tabler.colors.blue,
data2: tabler.colors.red,
data3: tabler.colors.yellow,
}
},
donut: {
label: {
show: false
}
},
legend: {
show: true
},
});
});
require(['c3'], function (c3) {
var chart = c3.generate({
bindto: '#chart-pie',
padding: {
bottom: 24,
top: 0
},
data: {
type: 'donut',
names: {
data1: 'Open',
data2: 'Resolved',
data3: 'Closed',
data4: 'Archived',
},
columns: [
['data1', 30],
['data2', 50],
['data3', 8],
['data4', 30]
]
},
donut: {
label: {
show: false
}
},
color: {
pattern: [
'{"hex"=>"#467fcf", "name"=>"Blue"}',
'{"hex"=>"#5eba00", "name"=>"Green"}',
'{"hex"=>"#e74c3c", "name"=>"Red"}',
'{"hex"=>"#f1c40f", "name"=>"Yellow"}',
'{"hex"=>"#fd9644", "name"=>"Orange"}',
'{"hex"=>"#f66d9b", "name"=>"Pink"}',
]
}
});
});
});
});
</script>
</body>
</html>

40
dist/store.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>Store components - tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -181,7 +182,6 @@
<div class="container">
<div class="page-header">
<h1 class="page-title">
<i class=" page-title-icon"></i>
Store components
</h1>
</div>
@@ -240,8 +240,8 @@
<td>
Apple iPhone 7 Plus 256GB Red Special Edition
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">37 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">38 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">38.9924022445818536652950569987297058105468750000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$499</strong>
</td>
@@ -252,8 +252,8 @@
Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
<div class="badge badge-default badge-md">New</div>
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">13 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">13.0391226666465627204161137342453002929687500000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$1499</strong>
</td>
@@ -263,8 +263,8 @@
<td>
Apple iPhone 7 32GB Jet Black
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">30 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">40 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">38 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">38.7971670614881531946593895554542541503906250000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$499</strong>
</td>
@@ -275,8 +275,8 @@
GoPro HERO6 Black
<div class="badge badge-default badge-md">New</div>
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">11 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">20 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">47 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">47.9062306810437803505919873714447021484375000000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$599</strong>
</td>
@@ -286,8 +286,8 @@
<td>
MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">26 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">26.9529677459668164374306797981262207031250000000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$1599</strong>
</td>
@@ -298,8 +298,8 @@
Xiaomi Mi A1 64GB Black
<div class="badge badge-default badge-md">New</div>
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">21 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">12 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">43 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">43.5320846291724592447280883789062500000000000000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$269</strong>
</td>
@@ -309,8 +309,8 @@
<td>
Huawei Mate 10 Pro Dual SIM Gray
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">41 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">31 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">12 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">12.6885231896230834536254405975341796875000000000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$999</strong>
</td>
@@ -321,8 +321,8 @@
Sony KD-49XE7005
<div class="badge badge-default badge-md">New</div>
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">14 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">14.3856339969934197142720222473144531250000000000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$799</strong>
</td>
@@ -332,8 +332,8 @@
<td>
Samsung Galaxy A5 A520F 2017 LTE Black Sky
</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">36 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 offers</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">40 reviews</td>
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">40.6875228932367463130503892898559570312500000000000000000000000000000000000000000000000000000000000000 offers</td>
<td class="text-right">
<strong>$399</strong>
</td>

43
dist/users-list.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-02-28 23:24:40 +0100 -->
<!-- Generated: 2018-03-20 15:36:58 +0100 -->
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
@@ -127,6 +127,7 @@
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
@@ -256,7 +257,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/25.jpg)"></span></td>
<td>Jane Pearson</td>
<td class="d-none d-sm-table-cell">February 10, 1994</td>
<td class="d-none d-md-table-cell">$1809.22</td>
<td class="d-none d-md-table-cell">$1616.70</td>
</tr>
<tr>
<th>
@@ -268,7 +269,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/9.jpg)"></span></td>
<td>Jason Porter</td>
<td class="d-none d-sm-table-cell">November 14, 1983</td>
<td class="d-none d-md-table-cell">$1841.80</td>
<td class="d-none d-md-table-cell">$1397.56</td>
</tr>
<tr>
<th>
@@ -280,7 +281,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/25.jpg)"></span></td>
<td>Teresa Wood</td>
<td class="d-none d-sm-table-cell">February 02, 1988</td>
<td class="d-none d-md-table-cell">$1355.49</td>
<td class="d-none d-md-table-cell">$675.89</td>
</tr>
<tr>
<th>
@@ -292,7 +293,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/16.jpg)"></span></td>
<td>Mary Butler</td>
<td class="d-none d-sm-table-cell">November 12, 1982</td>
<td class="d-none d-md-table-cell">$735.05</td>
<td class="d-none d-md-table-cell">$600.25</td>
</tr>
<tr>
<th>
@@ -304,7 +305,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/27.jpg)"></span></td>
<td>Janice Lane</td>
<td class="d-none d-sm-table-cell">December 07, 1983</td>
<td class="d-none d-md-table-cell">$636.07</td>
<td class="d-none d-md-table-cell">$1142.12</td>
</tr>
<tr>
<th>
@@ -316,7 +317,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/26.jpg)"></span></td>
<td>Anthony Miller</td>
<td class="d-none d-sm-table-cell">December 17, 1994</td>
<td class="d-none d-md-table-cell">$1043.15</td>
<td class="d-none d-md-table-cell">$1476.28</td>
</tr>
<tr>
<th>
@@ -328,7 +329,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/9.jpg)"></span></td>
<td>Denise Elliott</td>
<td class="d-none d-sm-table-cell">March 01, 1994</td>
<td class="d-none d-md-table-cell">$1708.05</td>
<td class="d-none d-md-table-cell">$867.54</td>
</tr>
<tr>
<th>
@@ -340,7 +341,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/16.jpg)"></span></td>
<td>Rose Cook</td>
<td class="d-none d-sm-table-cell">February 10, 1983</td>
<td class="d-none d-md-table-cell">$1876.76</td>
<td class="d-none d-md-table-cell">$656.43</td>
</tr>
<tr>
<th>
@@ -352,7 +353,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/17.jpg)"></span></td>
<td>Terry Tucker</td>
<td class="d-none d-sm-table-cell">February 06, 1993</td>
<td class="d-none d-md-table-cell">$1550.41</td>
<td class="d-none d-md-table-cell">$1556.50</td>
</tr>
<tr>
<th>
@@ -364,7 +365,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/6.jpg)"></span></td>
<td>Grace Knight</td>
<td class="d-none d-sm-table-cell">August 26, 1989</td>
<td class="d-none d-md-table-cell">$861.81</td>
<td class="d-none d-md-table-cell">$768.76</td>
</tr>
<tr>
<th>
@@ -376,7 +377,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/26.jpg)"></span></td>
<td>Elizabeth Martin</td>
<td class="d-none d-sm-table-cell">October 16, 1992</td>
<td class="d-none d-md-table-cell">$618.90</td>
<td class="d-none d-md-table-cell">$787.89</td>
</tr>
<tr>
<th>
@@ -388,7 +389,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/17.jpg)"></span></td>
<td>Michelle Schultz</td>
<td class="d-none d-sm-table-cell">March 19, 1995</td>
<td class="d-none d-md-table-cell">$866.60</td>
<td class="d-none d-md-table-cell">$1123.95</td>
</tr>
<tr>
<th>
@@ -400,7 +401,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/21.jpg)"></span></td>
<td>Crystal Austin</td>
<td class="d-none d-sm-table-cell">February 01, 1985</td>
<td class="d-none d-md-table-cell">$1555.93</td>
<td class="d-none d-md-table-cell">$846.57</td>
</tr>
<tr>
<th>
@@ -412,7 +413,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/32.jpg)"></span></td>
<td>Douglas Ray</td>
<td class="d-none d-sm-table-cell">July 11, 1983</td>
<td class="d-none d-md-table-cell">$1877.27</td>
<td class="d-none d-md-table-cell">$1548.11</td>
</tr>
<tr>
<th>
@@ -424,7 +425,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/12.jpg)"></span></td>
<td>Teresa Reyes</td>
<td class="d-none d-sm-table-cell">May 28, 1995</td>
<td class="d-none d-md-table-cell">$1704.06</td>
<td class="d-none d-md-table-cell">$1323.14</td>
</tr>
<tr>
<th>
@@ -436,7 +437,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/4.jpg)"></span></td>
<td>Emma Wade</td>
<td class="d-none d-sm-table-cell">November 03, 1988</td>
<td class="d-none d-md-table-cell">$1037.04</td>
<td class="d-none d-md-table-cell">$1398.82</td>
</tr>
<tr>
<th>
@@ -448,7 +449,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/27.jpg)"></span></td>
<td>Carol Henderson</td>
<td class="d-none d-sm-table-cell">March 02, 1994</td>
<td class="d-none d-md-table-cell">$635.01</td>
<td class="d-none d-md-table-cell">$737.54</td>
</tr>
<tr>
<th>
@@ -460,7 +461,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/20.jpg)"></span></td>
<td>Christopher Harvey</td>
<td class="d-none d-sm-table-cell">December 09, 1984</td>
<td class="d-none d-md-table-cell">$738.23</td>
<td class="d-none d-md-table-cell">$1699.24</td>
</tr>
<tr>
<th>
@@ -472,7 +473,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/female/5.jpg)"></span></td>
<td>Deborah Alvarado</td>
<td class="d-none d-sm-table-cell">April 02, 1993</td>
<td class="d-none d-md-table-cell">$1361.99</td>
<td class="d-none d-md-table-cell">$1936.02</td>
</tr>
<tr>
<th>
@@ -484,7 +485,7 @@
<td><span class="avatar d-block rounded" style="background-image: url(assets/images/faces/male/10.jpg)"></span></td>
<td>Gregory Hunt</td>
<td class="d-none d-sm-table-cell">June 30, 1991</td>
<td class="d-none d-md-table-cell">$1843.48</td>
<td class="d-none d-md-table-cell">$689.86</td>
</tr>
</table>
</div>