0.0.21

version 0.0.21
0.0.20
2025-12-21 17:34:25 +04:00 · 2018-04-04 16:20:24 +02:00 · 2018-04-04 16:20:23 +02:00 · 2018-04-04 16:13:41 +02:00 · 2018-04-04 16:13:41 +02:00 · 2018-04-04 15:15:39 +02:00
70 changed files with 1258 additions and 812 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -16,3 +16,4 @@ generated-site
 deploy-site
 /commits.sh
 /assets/css/
+/vendor/
--- a/README.md
+++ b/README.md
@@ -1,42 +1,30 @@
-<p align="center">
-  <a href="https://tabler.github.io/">
-    <img src="https://tabler.github.io/assets/images/logo-default.svg" alt="Tabler" width="72" height="72">
-  </a>
-</p>
+# Tabler 

-<h3 align="center">Tabler - Admin panel made simple</h3>
+<a href="https://buddy.works"><img src="https://assets.buddy.works/automated-dark.svg" alt="Automated by Buddy" align="right"></a>

-<p align="center">
-Premium and Open Source dashboard template with responsive and high quality UI. For Free!
-</p>
-
-<p align="center">
-	<strong>
-	  <a href="https://tabler.github.io/demo/">View Demo</a> | <a href="https://github.com/tabler/tabler/archive/master.zip">Download ZIP</a>
-	</strong>
-</p>
-
-<p align="center">
-    <a href="https://www.npmjs.com/package/tabler-ui"><img src="https://img.shields.io/npm/dt/tabler-ui.svg" alt="Total Downloads"></a>
-    <a href="https://github.com/tabler/tabler/releases"><img src="https://img.shields.io/npm/v/tabler-ui.svg" alt="Latest Release"></a>
-    <a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler-ui.svg" alt="License"></a>
-    <a href="https://david-dm.org/tabler/tabler?type=dev"><img src="https://img.shields.io/david/dev/tabler/tabler.svg" alt="devDependency Status"></a>
-</p>
+Premium and Open Source dashboard template with responsive and high quality UI.

+<strong><a href="https://tabler.github.io/demo/">View Demo</a> | <a href="https://github.com/tabler/tabler/archive/master.zip">Download ZIP</a></strong>

+<br><br>

 ![Tabler preview](https://tabler.github.io/assets/images/dashboard.png)

----------
+## Features

-## About Tabler
+<img src="https://tabler.github.io/assets/images/features/features-2.png" width="400" align="right" style="max-width: 50%">

-We’ve created this admin panel for everyone who wants to create any templates based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge—as a reward, you'll be able to manage and visualize different types of data in the easiest possible way!
+We’ve created this admin panel for everyone who wants to create any template based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge, as a reward, you'll be able to manage and visualize different types of data in the easiest possible way!

-After using many of different admin panels, no matter free or paid, we've noticed they all had a lot of defects—and the main one was resource intensity.
-They were loading loads of useless components that you wouldn't ever use, so we've decided to choose a different way. The whole system is plugin-based, what means that you have a control over what is needed and what not.
+* **Responsive:** With support for mobile, tablet and desktop it doesn’t matter what device you’re using. Tabler is responsive in all major browsers.
+* **Cross Browser:** Our theme works perfectly with: Latest Chrome, Firefox+, Latest Safari, Opera, Internet Explorer 10+ and mobile browsers. We’re working hard to support them.
+* **HTML5 & CSS3:** We only use modern web technologies like HTML5 and CSS3. Our theme includes some subtile CSS3 animations so you will get anyone’s attention.
+* **Clean Code:** We strictly followed Bootstrap’s guidelines to make your integration as easy as possible. All code is handwritten and W3c valid.
+* **Demo pages**: Tabler features over 20 individual pages featuring various components, giving you the freedom of choosing and combining. All components can have variation in color and styling, that can easily be modified using Sass. The sky is the limit!

-To make the system works fast and reliable, we've converted most of the components to CSS. Thanks to this, you don't have to load a lot of unnecessary libraries into your browser what really boosts the overall speed.
+## Status
+
+<a href="https://www.npmjs.com/package/tabler-ui"><img src="https://img.shields.io/npm/dt/tabler-ui.svg" alt="Total Downloads"></a> <a href="https://github.com/tabler/tabler/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/tabler-ui.svg" alt="License"></a> <a href="https://github.com/tabler/tabler/releases"><img src="https://img.shields.io/npm/v/tabler-ui.svg" alt="Latest Release"></a> <a href="https://david-dm.org/tabler/tabler?type=dev"><img src="https://img.shields.io/david/dev/tabler/tabler.svg" alt="devDependency Status"></a> [![buddy pipeline](https://app.buddy.works/codecalm/tabler/pipelines/pipeline/131922/badge.svg?token=1ab151000ecf8700a90dd4d0d7184945d439d2642679b257092d16e76a45dce4 "buddy pipeline")](https://app.buddy.works/codecalm/tabler/pipelines/pipeline/131922)

 ## Documentation

@@ -52,15 +40,15 @@ git clone https://github.com/tabler/tabler.git

 ### Setup environment

-To use our build system and run our documentation locally, you'll need a copy of Tabler's source files and Node. Follow these steps:
+To use our build system and run documentation locally, you'll need a copy of Tabler's source files and Node. Follow the steps below:

-1. [Download and install Node.js](https://nodejs.org/download/), which we use to manage our dependencies.
-2. Navigate to the root `/tabler` directory and run `npm install` to install our local dependencies listed in `package.json`.
+1. [Download and install Node.js](https://nodejs.org/download/), which is used to manage our dependencies.
+2. Navigate to the root `/tabler` directory and run `npm install` to install local dependencies listed in `package.json`.
 3. [Install Ruby](https://www.ruby-lang.org/en/documentation/installation/), install [Bundler](https://bundler.io/) with `gem install bundler`, and finally run `bundle install`. This will install all Ruby dependencies, such as Jekyll and plugins.
   
   **Windows users:** Read [this guide](https://jekyllrb.com/docs/windows/) to get Jekyll up and running without problems.
  
-When completed, you'll be able to run the various commands provided from the command line.
+When completed, you'll be able to run the various commands provided in the command line.

 ### Build Tabler

--- a/_config.yml
+++ b/_config.yml
@@ -2,6 +2,7 @@ title: Tabler
 description: tabler.github.io - a responsive, flat and full featured admin template

 source: src
+host: 0.0.0.0

 plugins:
  - jekyll-tidy
@@ -24,8 +25,6 @@ exclude:
  - .DS_Store
  - .sass-cache/
  - .asset-cache/
-  - assets/scss/*
-  - assets/plugins/**/*.scss
  - push-to-repo.sh
  - commits.sh

--- a/composer.json
+++ b/composer.json
@@ -0,0 +1,15 @@
+{
+    "name": "tabler/tabler",
+    "description": "Premium and Open Source dashboard template with responsive and high quality UI. For Free!",
+    "type": "library",
+    "license": "MIT",
+	"require": {},
+	"require-dev": {},
+	"autoload": {},
+	"authors": [
+		{
+			"name": "codecalm",
+			"email": "codecalm@gmail.com"
+		}
+	]
+}
--- a/dist-new-version.sh
+++ b/dist-new-version.sh
@@ -1,15 +1,15 @@
 #!/usr/bin/env bash

-version=0.0.12
+version=0.0.21

 echo "Version $version"

 npm run dist
 git add .
 git commit -am "version $version"
-git push origin master
+npm version $version
+git push origin master && git push origin master --tags

 npm run publish-dist

-npm version $version
 npm publish
--- a/dist/400.html
+++ b/dist/400.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/401.html
+++ b/dist/401.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/403.html
+++ b/dist/403.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/404.html
+++ b/dist/404.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/500.html
+++ b/dist/500.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/503.html
+++ b/dist/503.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/assets/css/dashboard.css
+++ b/dist/assets/css/dashboard.css
@@ -1534,7 +1534,8 @@ pre code {
 }

 .table th, .text-wrap table th,
-.table td, .text-wrap table td {
+.table td,
+.text-wrap table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
@@ -1563,12 +1564,14 @@ pre code {
 }

 .table-bordered th, .text-wrap table th,
-.table-bordered td, .text-wrap table td {
+.table-bordered td,
+.text-wrap table td {
  border: 1px solid #dee2e6;
 }

 .table-bordered thead th, .text-wrap table thead th,
-.table-bordered thead td, .text-wrap table thead td {
+.table-bordered thead td,
+.text-wrap table thead td {
  border-bottom-width: 2px;
 }

@@ -5057,8 +5060,8 @@ tbody.collapse.show {
 }

 .media-body {
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
 }

 .list-group {
@@ -5616,7 +5619,8 @@ button.close {
 }

 .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
-.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
+.bs-popover-top .arrow::after,
+.bs-popover-auto[x-placement^="top"] .arrow::after {
  border-width: 0.5rem 0.25rem 0;
 }

@@ -5625,7 +5629,9 @@ button.close {
  border-top-color: #dee3eb;
 }

-.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
+
+.bs-popover-top .arrow::after,
+.bs-popover-auto[x-placement^="top"] .arrow::after {
  bottom: 1px;
  border-top-color: #fff;
 }
@@ -5642,7 +5648,8 @@ button.close {
 }

 .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
-.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
+.bs-popover-right .arrow::after,
+.bs-popover-auto[x-placement^="right"] .arrow::after {
  border-width: 0.25rem 0.5rem 0.25rem 0;
 }

@@ -5651,7 +5658,9 @@ button.close {
  border-right-color: #dee3eb;
 }

-.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
+
+.bs-popover-right .arrow::after,
+.bs-popover-auto[x-placement^="right"] .arrow::after {
  left: 1px;
  border-right-color: #fff;
 }
@@ -5665,7 +5674,8 @@ button.close {
 }

 .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
-.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+.bs-popover-bottom .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  border-width: 0 0.25rem 0.5rem 0.25rem;
 }

@@ -5674,7 +5684,9 @@ button.close {
  border-bottom-color: #dee3eb;
 }

-.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+
+.bs-popover-bottom .arrow::after,
+.bs-popover-auto[x-placement^="bottom"] .arrow::after {
  top: 1px;
  border-bottom-color: #fff;
 }
@@ -5702,7 +5714,8 @@ button.close {
 }

 .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
-.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
+.bs-popover-left .arrow::after,
+.bs-popover-auto[x-placement^="left"] .arrow::after {
  border-width: 0.25rem 0 0.25rem 0.5rem;
 }

@@ -5711,7 +5724,9 @@ button.close {
  border-left-color: #dee3eb;
 }

-.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
+
+.bs-popover-left .arrow::after,
+.bs-popover-auto[x-placement^="left"] .arrow::after {
  right: 1px;
  border-left-color: #fff;
 }
@@ -9688,12 +9703,14 @@ a.text-dark:hover, a.text-dark:focus {
  .table, .text-wrap table {
    border-collapse: collapse !important;
  }
-  .table td, .text-wrap table td,
-  .table th, .text-wrap table th {
+  
+  .table td,
+  .text-wrap table td, .table th, .text-wrap table th {
    background-color: #fff !important;
  }
  .table-bordered th, .text-wrap table th,
-  .table-bordered td, .text-wrap table td {
+  .table-bordered td,
+  .text-wrap table td {
    border: 1px solid #ddd !important;
  }
 }
@@ -9887,8 +9904,8 @@ img {

 .row-deck > .col .card,
 .row-deck > [class*='col-'] .card {
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
 }

 .col-text {
@@ -9995,8 +10012,8 @@ body.fixed-header .page {
 }

 .page-main {
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
 }

 .page-content {
@@ -10060,8 +10077,8 @@ body.fixed-header .page {
 }

 .page-single {
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
@@ -10107,8 +10124,8 @@ body.fixed-header .page {

 .aside-body {
  padding: 1.5rem;
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
  overflow: auto;
 }

@@ -12907,8 +12924,8 @@ a.icon:hover {
 }

 .card-body {
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
  margin: 0;
  padding: 1.5rem 1.5rem;
  position: relative;
@@ -13198,8 +13215,8 @@ Card tabs
 }

 .card-tabs-item {
-  -ms-flex: 1;
-  flex: 1;
+  -ms-flex: 1 1 auto;
+  flex: 1 1 auto;
  display: block;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid rgba(0, 40, 100, 0.12);
--- a/dist/assets/js/core.js
+++ b/dist/assets/js/core.js
@@ -1,97 +1,107 @@
-var hexToRgba = function(hex, opacity) {
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    var rgb = result ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16)
-        } : null;
+/**
+ *
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;

-    return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', '+ opacity + ')';
+  return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
 };

-$(document).ready(function () {
+/**
+ *
+ */
+$(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';

-    // Initialize tooltips
-    $('[data-toggle="tooltip"]').tooltip();
+  /** Initialize tooltips */
+  $('[data-toggle="tooltip"]').tooltip();

-    // Initialize popovers
-	$('[data-toggle="popover"]').popover({
-		html: true
-    });
+  /** Initialize popovers */
+  $('[data-toggle="popover"]').popover({
+    html: true
+  });

-    // Function for remove card
-    $('[data-toggle="card-remove"]').on('click', function (e) {
-        var $card = $(this).closest('div.card');
-        $card.remove();
+  /** Function for remove card */
+  $('[data-toggle="card-remove"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);

-        e.preventDefault();
-        return false;
-    });
+    $card.remove();

-    // Function for collapse card
-    $('[data-toggle="card-collapse"]').on('click', function (e) {
-        var $this = $(this),
-            $card = $this.closest('div.card');
+    e.preventDefault();
+    return false;
+  });

-        $card.toggleClass('card-collapsed');
+  /** Function for collapse card */
+  $('[data-toggle="card-collapse"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);

-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-collapsed');

-    // Function for fullscreen card
-    $('[data-toggle="card-fullscreen"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    e.preventDefault();
+    return false;
+  });

-        $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
+  /** Function for fullscreen card */
+  $('[data-toggle="card-fullscreen"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);

-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-fullscreen').removeClass('card-collapsed');

-    if($('[data-sparkline]').length) {
-        var generateSparkline = function($elem, data, params) {
-            $elem.sparkline(data, {
-                type: $elem.attr('data-sparkline-type'),
-                height: '100%',
-                barColor: params.color,
-                lineColor: params.color,
-                fillColor: 'transparent',
-                spotColor: params.color,
-                spotRadius: 0,
-                lineWidth: 2,
-                highlightColor: hexToRgba(params.color, .6),
-                highlightLineColor: '#666',
-                defaultPixelsPerValue: 5
-            });
-        };
+    e.preventDefault();
+    return false;
+  });

-        require(['sparkline'], function(){
-            $('[data-sparkline]').each(function(){
-                var $chart = $(this);
+  /**  */
+  if ($('[data-sparkline]').length) {
+    let generateSparkline = function($elem, data, params) {
+      $elem.sparkline(data, {
+        type: $elem.attr('data-sparkline-type'),
+        height: '100%',
+        barColor: params.color,
+        lineColor: params.color,
+        fillColor: 'transparent',
+        spotColor: params.color,
+        spotRadius: 0,
+        lineWidth: 2,
+        highlightColor: hexToRgba(params.color, .6),
+        highlightLineColor: '#666',
+        defaultPixelsPerValue: 5
+      });
+    };

-                generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
-                    color: $chart.attr('data-sparkline-color')
-                });
-            });
+    require(['sparkline'], function() {
+      $('[data-sparkline]').each(function() {
+        let $chart = $(this);
+
+        generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
+          color: $chart.attr('data-sparkline-color')
        });
-    }
+      });
+    });
+  }

+  /**  */
+  if ($('.chart-circle').length) {
+    require(['circle-progress'], function() {
+      $('.chart-circle').each(function() {
+        let $this = $(this);

-    if($('.chart-circle').length) {
-        require(['circle-progress'], function () {
-            $('.chart-circle').each(function () {
-                var $this = $(this);
-                $this.circleProgress({
-                    fill: {
-                        color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
-                    },
-                    size: $this.height(),
-                    startAngle: -Math.PI / 4 * 2,
-                    emptyFill: '#F4F4F4',
-                    lineCap: 'round'
-                });
-            });
+        $this.circleProgress({
+          fill: {
+            color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
+          },
+          size: $this.height(),
+          startAngle: -Math.PI / 4 * 2,
+          emptyFill: '#F4F4F4',
+          lineCap: 'round'
        });
-    }
+      });
+    });
+  }
 });
--- a/dist/assets/plugins/charts-c3/plugin.scss
+++ b/dist/assets/plugins/charts-c3/plugin.scss
@@ -0,0 +1,2 @@
+@import '../../scss/variables';
+@import 'scss/c3';
--- a/dist/assets/plugins/fullcalendar/plugin.scss
+++ b/dist/assets/plugins/fullcalendar/plugin.scss
@@ -0,0 +1,2 @@
+@import '../../scss/variables';
+@import 'scss/fullcalendar';
--- a/dist/assets/plugins/iconfonts/plugin.scss
+++ b/dist/assets/plugins/iconfonts/plugin.scss
@@ -0,0 +1,4 @@
+@import 'scss/themify';
+@import 'scss/weathericons';
+@import 'scss/materialdesignicons';
+@import 'scss/simple-line-icons';
--- a/dist/assets/plugins/maps-google/plugin.scss
+++ b/dist/assets/plugins/maps-google/plugin.scss
--- a/dist/assets/plugins/prismjs/plugin.scss
+++ b/dist/assets/plugins/prismjs/plugin.scss
@@ -0,0 +1,227 @@
+@import '../../scss/variables';
+
+/* PrismJS 1.9.0
+http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+json+less+php+python+jsx+sass+scss+sql&plugins=line-highlight+line-numbers */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+code[class*="language-"],
+pre[class*="language-"] {
+	//color: black;
+	//background: none;
+	//text-shadow: 0 1px white;
+	//font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	//text-align: left;
+	//white-space: pre;
+	//word-spacing: normal;
+	//word-break: normal;
+	//word-wrap: normal;
+	//line-height: 1.5;
+	//
+	//-moz-tab-size: 4;
+	//-o-tab-size: 4;
+	//tab-size: 4;
+	//
+	//-webkit-hyphens: none;
+	//-moz-hyphens: none;
+	//-ms-hyphens: none;
+	//hyphens: none;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #a67f59;
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function {
+	color: #dd4a68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
+pre[data-line] {
+	position: relative;
+	//padding: 1em 0 1em 3em;
+}
+
+.line-highlight {
+	position: absolute;
+	left: 0;
+	right: 0;
+	margin-top: 1em; /* Same as .prism’s padding-top */
+
+	background: rgba(255, 255, 0, 0.1);
+	pointer-events: none;
+
+	line-height: inherit;
+	white-space: pre;
+}
+
+.line-highlight:before,
+.line-highlight[data-end]:after {
+	content: attr(data-start);
+	position: absolute;
+	top: .4em;
+	left: .6em;
+	min-width: 1em;
+	padding: 0 .5em;
+	background-color: hsla(24, 20%, 50%, .4);
+	color: hsl(24, 20%, 95%);
+	font: bold 65%/1.5 sans-serif;
+	text-align: center;
+	vertical-align: .3em;
+	border-radius: 999px;
+	text-shadow: none;
+	box-shadow: 0 1px white;
+}
+
+.line-highlight[data-end]:after {
+	content: attr(data-end);
+	top: auto;
+	bottom: .4em;
+}
+
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+	content: none;
+}
+
+pre.line-numbers {
+	position: relative;
+	padding-left: 3.8em;
+	counter-reset: linenumber;
+}
+
+pre.line-numbers > code {
+	position: relative;
+	white-space: inherit;
+}
+
+.line-numbers .line-numbers-rows {
+	position: absolute;
+	pointer-events: none;
+	top: 0;
+	font-size: 100%;
+	left: -3.8em;
+	width: 3em; /* works for line-numbers below 1000 lines */
+	letter-spacing: -1px;
+	border-right: 1px solid $border-color;
+
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+
+}
+
+.line-numbers-rows > span {
+	pointer-events: none;
+	display: block;
+	counter-increment: linenumber;
+}
+
+.line-numbers-rows > span:before {
+	content: counter(linenumber);
+	color: rgba($text-muted, .5);
+	display: block;
+	padding-right: 0.8em;
+	text-align: right;
+}
+
+pre.code-toolbar {
+	position: relative;
+}
+
+pre.code-toolbar > .toolbar {
+	position: absolute;
+	top: .3em;
+	right: .2em;
+	transition: opacity 0.3s ease-in-out;
+	opacity: 1;
+}
+
+//pre.code-toolbar:hover > .toolbar {
+//	opacity: 1;
+//}
+
+pre.code-toolbar > .toolbar .toolbar-item {
+	display: inline-block;
+	user-select: none;
+}
+
+pre.code-toolbar > .toolbar a {
+	cursor: pointer;
+}
+
+pre.code-toolbar > .toolbar a,
+pre.code-toolbar > .toolbar button,
+pre.code-toolbar > .toolbar span {
+	color: $text-muted;
+	padding: 0 .5em;
+	font-family: $font-family-base;
+	font-size: px2rem(14px);
+}
+
--- a/dist/assets/scss/bundle.scss
+++ b/dist/assets/scss/bundle.scss
@@ -0,0 +1,7 @@
+/**
+Dashboard UI
+ */
+
+@import 'variables';
+@import 'dashboard/bootstrap/bootstrap';
+@import 'dashboard/dashboard';
--- a/dist/assets/scss/dashboard/bootstrap/bootstrap-grid.scss
+++ b/dist/assets/scss/dashboard/bootstrap/bootstrap-grid.scss
@@ -0,0 +1,32 @@
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
+
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
+
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
+
+@import "functions";
+@import "variables";
+
+@import "mixins/breakpoints";
+@import "mixins/grid-framework";
+@import "mixins/grid";
+
+@import "grid";
+@import "utilities/display";
+@import "utilities/flex";
--- a/dist/assets/scss/dashboard/bootstrap/bootstrap-reboot.scss
+++ b/dist/assets/scss/dashboard/bootstrap/bootstrap-reboot.scss
@@ -0,0 +1,12 @@
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "reboot";
--- a/dist/assets/scss/dashboard/bootstrap/bootstrap.scss
+++ b/dist/assets/scss/dashboard/bootstrap/bootstrap.scss
@@ -0,0 +1,42 @@
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+
+@import "functions";
+@import "variables";
+@import "mixins";
+@import "root";
+@import "reboot";
+@import "type";
+@import "images";
+@import "code";
+@import "grid";
+@import "tables";
+@import "forms";
+@import "buttons";
+@import "transitions";
+@import "dropdown";
+@import "button-group";
+@import "input-group";
+@import "custom-forms";
+@import "nav";
+@import "navbar";
+@import "card";
+@import "breadcrumb";
+@import "pagination";
+@import "badge";
+@import "jumbotron";
+@import "alert";
+@import "progress";
+@import "media";
+@import "list-group";
+@import "close";
+@import "modal";
+@import "tooltip";
+@import "popover";
+@import "carousel";
+@import "utilities";
+@import "print";
--- a/dist/assets/scss/dashboard/dashboard.scss
+++ b/dist/assets/scss/dashboard/dashboard.scss
@@ -0,0 +1,65 @@
+//@import 'variables';
+//@import '../bootstrap/mixins';
+@import 'functions';
+
+@import 'core';
+@import 'type';
+@import 'grid';
+
+@import 'layout';
+@import 'aside';
+@import 'header';
+@import 'footer';
+@import 'colors';
+@import 'text';
+@import 'utilities';
+
+@import 'nav';
+@import 'button';
+@import 'alert';
+@import 'close';
+@import 'badge';
+@import 'tables';
+@import 'breadcrumb';
+@import 'pagination';
+@import 'cards';
+@import 'popover';
+@import 'dropdown';
+@import 'list';
+@import 'list-group';
+@import 'avatar';
+@import 'product';
+@import 'progress';
+@import 'icon';
+@import 'image';
+@import 'link';
+@import 'media';
+@import 'form';
+@import 'sparkline';
+@import 'social';
+@import 'maps';
+@import 'statuses';
+@import 'charts';
+@import 'chips';
+@import 'stamp';
+@import 'chat';
+@import 'example';
+@import 'tag';
+@import 'syntax';
+@import 'infobox';
+
+@import 'forms/custom-range';
+@import 'forms/custom-selectgroup';
+@import 'forms/custom-switch';
+@import 'forms/custom-imagecheck';
+@import 'forms/custom-colorinput';
+
+@import 'timeline';
+
+@import 'browser';
+@import 'flag';
+@import 'payments';
+@import 'jvectormap';
+@import 'selectize';
+
+@import 'fonts/feather';
--- a/dist/blog.html
+++ b/dist/blog.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/cards.html
+++ b/dist/cards.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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>
@@ -364,7 +364,7 @@
              <div class="col-lg-6">
                <div class="card">
                  <div class="card-header">
-                    <h3 class="card-title">Pannel with custom buttons</h3>
+                    <h3 class="card-title">Panel with custom buttons</h3>
                    <div class="card-options">
                      <a class="btn btn-secondary btn-sm">Action 1</a>
                      <a class="btn btn-secondary btn-sm ml-2">Action 2</a>
@@ -424,7 +424,7 @@
                    </div>
                  </div>
                  <div class="card-alert alert alert-danger mb-0">
-                    Adding action was failed
+                    Adding action failed
                  </div>
                  <div class="card-body">
                    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
--- a/dist/charts.html
+++ b/dist/charts.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/crypto-currencies.html
+++ b/dist/crypto-currencies.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/docs/alerts.html
+++ b/dist/docs/alerts.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/avatars.html
+++ b/dist/docs/avatars.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/buttons.html
+++ b/dist/docs/buttons.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/cards.html
+++ b/dist/docs/cards.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/charts.html
+++ b/dist/docs/charts.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/colors.html
+++ b/dist/docs/colors.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/form-components.html
+++ b/dist/docs/form-components.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/grid.html
+++ b/dist/docs/grid.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/index.html
+++ b/dist/docs/index.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/tags.html
+++ b/dist/docs/tags.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/docs/typography.html
+++ b/dist/docs/typography.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="../401.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/dist/email.html
+++ b/dist/email.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/empty.html
+++ b/dist/empty.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/forgot-password.html
+++ b/dist/forgot-password.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/form-elements.html
+++ b/dist/form-elements.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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>
@@ -594,10 +594,10 @@
                    </div>
                    <div class="col-md-6 col-lg-4">
                      <div class="form-group">
-                        <label class="form-label">Radios</label>
+                        <div class="form-label">Radios</div>
                        <div class="custom-controls-stacked">
                          <label class="custom-control custom-radio">
-                            <input type="radio" class="custom-control-input" name="example-radios" value="option1" checked="">
+                            <input type="radio" class="custom-control-input" name="example-radios" value="option1" checked>
                            <div class="custom-control-label">Option 1</div>
                          </label>
                          <label class="custom-control custom-radio">
@@ -617,57 +617,57 @@
                      <div class="form-group">
                        <div class="form-label">Inline Radios</div>
                        <div class="custom-controls-stacked">
-                          <div class="custom-control custom-radio">
-                            <input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked="">
+                          <label class="custom-control custom-radio">
+                            <input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked>
                            <span class="custom-control-label">Option 1</span>
-                          </div>
-                          <div class="custom-control custom-radio">
+                          </label>
+                          <label class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" name="example-inline-radios" value="option2">
                            <span class="custom-control-label">Option 2</span>
-                          </div>
-                          <div class="custom-control custom-radio">
+                          </label>
+                          <label class="custom-control custom-radio">
                            <input type="radio" class="custom-control-input" name="example-inline-radios" value="option3">
                            <span class="custom-control-label">Option 3</span>
-                          </div>
+                          </label>
                        </div>
                      </div>
                      <div class="form-group">
-                        <label class="form-label">Checkboxes</label>
+                        <div class="form-label">Checkboxes</div>
                        <div class="custom-controls-stacked">
-                          <div class="custom-control custom-checkbox">
-                            <input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked="">
+                          <label class="custom-control custom-checkbox">
+                            <input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked>
                            <label class="custom-control-label">Option 1</label>
-                          </div>
-                          <div class="custom-control custom-checkbox">
+                          </label>
+                          <label class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
                            <label class="custom-control-label">Option 2</label>
-                          </div>
-                          <div class="custom-control custom-checkbox">
+                          </label>
+                          <label class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="example-checkbox3" value="option3" disabled>
                            <label class="custom-control-label">Option Disabled</label>
-                          </div>
-                          <div class="custom-control custom-checkbox">
+                          </label>
+                          <label class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="example-checkbox4" value="option4" checked disabled>
                            <label class="custom-control-label">Option Disabled Checked</label>
-                          </div>
+                          </label>
                        </div>
                      </div>
                      <div class="form-group">
                        <div class="form-label">Inline Checkboxes</div>
                        <div class="custom-controls-stacked">
-                          <div class="custom-control custom-checkbox">
+                          <label class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="example-inline-checkbox1" value="option1"
-								   checked="">
+								   checked>
                            <label class="custom-control-label">Option 1</label>
-                          </div>
-                          <div class="custom-control custom-checkbox">
+                          </label>
+                          <label class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="example-inline-checkbox2" value="option2">
                            <label class="custom-control-label">Option 2</label>
-                          </div>
-                          <div class="custom-control custom-checkbox">
+                          </label>
+                          <label class="custom-control custom-checkbox">
                            <input type="checkbox" class="custom-control-input" name="example-inline-checkbox3" value="option3">
                            <label class="custom-control-label">Option 3</label>
-                          </div>
+                          </label>
                        </div>
                      </div>
                      <div class="form-group">
--- a/dist/gallery.html
+++ b/dist/gallery.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/icons.html
+++ b/dist/icons.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/index.html
+++ b/dist/index.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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>
@@ -292,7 +292,7 @@
                        <tr>
                          <td><span class="avatar" style="background-image: url(./demo/faces/female/1.jpg)"></span></td>
                          <td>Beverly Armstrong</td>
-                          <td>Left sidebar adjusments</td>
+                          <td>Left sidebar adjustments</td>
                          <td class="text-nowrap">April 15, 2018</td>
                          <td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
                        </tr>
@@ -486,7 +486,7 @@
                  <div class="col-sm-4">
                    <div class="card">
                      <div class="card-body text-center">
-                        <div class="h5">New fedbacks</div>
+                        <div class="h5">New feedback</div>
                        <div class="display-4 font-weight-bold mb-4">62</div>
                        <div class="progress progress-sm">
                          <div class="progress-bar bg-red" style="width: 28%"></div>
@@ -614,421 +614,431 @@
            <div class="row row-cards row-deck">
              <div class="col-12">
                <div class="card">
-                  <table class="table table-responsive table-hover table-outline table-vcenter text-nowrap card-table">
-                    <thead>
-                      <tr>
-                        <th class="text-center w-1"><i class="icon-people"></i></th>
-                        <th>User</th>
-                        <th>Usage</th>
-                        <th class="text-center">Payment</th>
-                        <th>Activity</th>
-                        <th class="text-center">Satisfaction</th>
-                        <th class="text-center"><i class="icon-settings"></i></th>
-                      </tr>
-                    </thead>
-                    <tbody>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/female/26.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Elizabeth Martin</div>
-                          <div class="small text-muted">
-                            Registered: Feb 27, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>42%</strong>
+                  <div class="table-responsive">
+                    <table class="table table-hover table-outline table-vcenter text-nowrap card-table">
+                      <thead>
+                        <tr>
+                          <th class="text-center w-1"><i class="icon-people"></i></th>
+                          <th>User</th>
+                          <th>Usage</th>
+                          <th class="text-center">Payment</th>
+                          <th>Activity</th>
+                          <th class="text-center">Satisfaction</th>
+                          <th class="text-center"><i class="icon-settings"></i></th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/female/26.jpg)">
+                              <span class="avatar-status bg-green"></span>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td>
+                            <div>Elizabeth Martin</div>
+                            <div class="small text-muted">
+                              Registered: Mar 7, 2018
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-visa"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>4 minutes ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <strong>42%</strong>
+                              </div>
+                              <div class="float-right">
+                                <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/female/17.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Michelle Schultz</div>
-                          <div class="small text-muted">
-                            Registered: Feb 10, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>0%</strong>
+                            <div class="progress progress-xs">
+                              <div class="progress-bar bg-yellow" role="progressbar" style="width: 42%"
+						     aria-valuenow="42" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-visa"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>4 minutes ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-googlewallet"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>5 minutes ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/female/21.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Crystal Austin</div>
-                          <div class="small text-muted">
-                            Registered: Mar 18, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>96%</strong>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/female/17.jpg)">
+                              <span class="avatar-status bg-green"></span>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td>
+                            <div>Michelle Schultz</div>
+                            <div class="small text-muted">
+                              Registered: Feb 19, 2018
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-mastercard"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>a minute ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <strong>0%</strong>
+                              </div>
+                              <div class="float-right">
+                                <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/male/32.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Douglas Ray</div>
-                          <div class="small text-muted">
-                            Registered: Dec 26, 2017
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>6%</strong>
+                            <div class="progress progress-xs">
+                              <div class="progress-bar bg-red" role="progressbar" style="width: 0%"
+						     aria-valuenow="0" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-googlewallet"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>5 minutes ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-shopify"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>a minute ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/female/12.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Teresa Reyes</div>
-                          <div class="small text-muted">
-                            Registered: Feb 12, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>36%</strong>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/female/21.jpg)">
+                              <span class="avatar-status bg-green"></span>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td>
+                            <div>Crystal Austin</div>
+                            <div class="small text-muted">
+                              Registered: Mar 26, 2018
                            </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>
-                        </td>
-                        <td class="text-center">
-                          <i class="payment payment-ebay"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>2 minutes ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <strong>96%</strong>
+                              </div>
+                              <div class="float-right">
+                                <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/female/4.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Emma Wade</div>
-                          <div class="small text-muted">
-                            Registered: Feb 28, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>7%</strong>
+                            <div class="progress progress-xs">
+                              <div class="progress-bar bg-green" role="progressbar" style="width: 96%"
+						     aria-valuenow="96" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-mastercard"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>a minute ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-paypal"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>a minute ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/female/27.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Carol Henderson</div>
-                          <div class="small text-muted">
-                            Registered: Feb 2, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>80%</strong>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/male/32.jpg)">
+                              <span class="avatar-status bg-green"></span>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td>
+                            <div>Douglas Ray</div>
+                            <div class="small text-muted">
+                              Registered: Jan 4, 2018
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-visa"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>9 minutes ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <strong>6%</strong>
+                              </div>
+                              <div class="float-right">
+                                <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                      <tr>
-                        <td class="text-center">
-                          <div class="avatar d-block" style="background-image: url(demo/faces/male/20.jpg)">
-                            <span class="avatar-status bg-green"></span>
-                          </div>
-                        </td>
-                        <td>
-                          <div>Christopher Harvey</div>
-                          <div class="small text-muted">
-                            Registered: Jan 2, 2018
-                          </div>
-                        </td>
-                        <td>
-                          <div class="clearfix">
-                            <div class="float-left">
-                              <strong>83%</strong>
+                            <div class="progress progress-xs">
+                              <div class="progress-bar bg-red" role="progressbar" style="width: 6%"
+						     aria-valuenow="6" aria-valuemin="0" aria-valuemax="100"></div>
                            </div>
-                            <div class="float-right">
-                              <small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-shopify"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>a minute ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
                            </div>
-                          </div>
-                          <div class="progress progress-xs">
-                            <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">
-                          <i class="payment payment-googlewallet"></i>
-                        </td>
-                        <td>
-                          <div class="small text-muted">Last login</div>
-                          <div>8 minutes ago</div>
-                        </td>
-                        <td class="text-center">
-                          <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%</div>
-                          </div>
-                        </td>
-                        <td class="text-center">
-                          <div class="item-action dropdown">
-                            <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
-                            <div class="dropdown-menu dropdown-menu-right">
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
-                              <div class="dropdown-divider"></div>
-                              <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
                            </div>
-                          </div>
-                        </td>
-                      </tr>
-                    </tbody>
-                  </table>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/female/12.jpg)">
+                              <span class="avatar-status bg-green"></span>
+                            </div>
+                          </td>
+                          <td>
+                            <div>Teresa Reyes</div>
+                            <div class="small text-muted">
+                              Registered: Feb 21, 2018
+                            </div>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <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: 36%"
+						     aria-valuenow="36" aria-valuemin="0" aria-valuemax="100"></div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-ebay"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>2 minutes ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
+                            </div>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/female/4.jpg)">
+                              <span class="avatar-status bg-green"></span>
+                            </div>
+                          </td>
+                          <td>
+                            <div>Emma Wade</div>
+                            <div class="small text-muted">
+                              Registered: Mar 8, 2018
+                            </div>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <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: 7%"
+						     aria-valuenow="7" aria-valuemin="0" aria-valuemax="100"></div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-paypal"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>a minute ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
+                            </div>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/female/27.jpg)">
+                              <span class="avatar-status bg-green"></span>
+                            </div>
+                          </td>
+                          <td>
+                            <div>Carol Henderson</div>
+                            <div class="small text-muted">
+                              Registered: Feb 10, 2018
+                            </div>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <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: 80%"
+						     aria-valuenow="80" aria-valuemin="0" aria-valuemax="100"></div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-visa"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>9 minutes ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
+                            </div>
+                          </td>
+                        </tr>
+                        <tr>
+                          <td class="text-center">
+                            <div class="avatar d-block" style="background-image: url(demo/faces/male/20.jpg)">
+                              <span class="avatar-status bg-green"></span>
+                            </div>
+                          </td>
+                          <td>
+                            <div>Christopher Harvey</div>
+                            <div class="small text-muted">
+                              Registered: Jan 10, 2018
+                            </div>
+                          </td>
+                          <td>
+                            <div class="clearfix">
+                              <div class="float-left">
+                                <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: 83%"
+						     aria-valuenow="83" aria-valuemin="0" aria-valuemax="100"></div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <i class="payment payment-googlewallet"></i>
+                          </td>
+                          <td>
+                            <div class="small text-muted">Last login</div>
+                            <div>8 minutes ago</div>
+                          </td>
+                          <td class="text-center">
+                            <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%</div>
+                            </div>
+                          </td>
+                          <td class="text-center">
+                            <div class="item-action dropdown">
+                              <a href="javascript:void(0)" data-toggle="dropdown" class="icon"><i class="fe fe-more-vertical"></i></a>
+                              <div class="dropdown-menu dropdown-menu-right">
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-tag"></i> Action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-edit-2"></i> Another action </a>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-message-square"></i> Something else here</a>
+                                <div class="dropdown-divider"></div>
+                                <a href="javascript:void(0)" class="dropdown-item"><i class="dropdown-icon fe fe-link"></i> Separated link</a>
+                              </div>
+                            </div>
+                          </td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </div>
                </div>
              </div>
              <div class="col-sm-6 col-lg-4">
--- a/dist/invoice.html
+++ b/dist/invoice.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/login.html
+++ b/dist/login.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/lookup.html
+++ b/dist/lookup.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/maps.html
+++ b/dist/maps.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/pagination.html
+++ b/dist/pagination.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <title>Pagination - 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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/pricing-cards.html
+++ b/dist/pricing-cards.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/profile.html
+++ b/dist/profile.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/register.html
+++ b/dist/register.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
--- a/dist/sample-cards.html
+++ b/dist/sample-cards.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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>
@@ -2434,7 +2434,7 @@
                      <div class="col-6">
                        <div class="card">
                          <div class="card-body text-center">
-                            <div class="h5">New fedbacks</div>
+                            <div class="h5">New feedback</div>
                            <div class="display-4 font-weight-bold mb-4">62</div>
                            <div class="progress progress-sm">
                              <div class="progress-bar bg-red" style="width: 34%"></div>
--- a/dist/store.html
+++ b/dist/store.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/dist/users-list.html
+++ b/dist/users-list.html
@@ -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-03-27 11:37:45 +0200 -->
+    <!-- Generated: 2018-04-04 16:20:21 +0200 -->
    <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">
@@ -147,7 +147,7 @@
                      <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="./401.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/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "tabler-ui",
  "description": "Premium and Open Source dashboard template with responsive and high quality UI. For Free!",
-  "version": "0.0.12",
+  "version": "0.0.21",
  "keywords": [
    "css",
    "sass",
--- a/src/_data/menu.yml
+++ b/src/_data/menu.yml
@@ -72,7 +72,7 @@ pages:

    401:
      name: 401 error
-      url: 104.html
+      url: 401.html

    403:
      name: 403 error
@@ -112,4 +112,4 @@ gallery:
 docs:
  name: Documentation
  icon: fe fe-file-text
-  url: docs/index.html
+  url: docs/index.html
--- a/src/_includes/cards/development-activity.html
+++ b/src/_includes/cards/development-activity.html
@@ -31,7 +31,7 @@
 			<tr>
 				<td><span class="avatar" style="background-image: url({{ site.base }}/{{ site.data.users[16].photo }})"></span></td>
 				<td>{{ site.data.users[16].name }} {{ site.data.users[16].surname }}</td>
-				<td>Left sidebar adjusments</td>
+				<td>Left sidebar adjustments</td>
 				<td class="text-nowrap">April 15, 2018</td>
 				<td><a href="#" class="icon"><i class="fe fe-trash"></i></a></td>
 			</tr>
@@ -54,4 +54,4 @@
 	</div>
 </div>

-{% include js-charts.html id="chart-development-activity" data="development-activity" %}
+{% include js-charts.html id="chart-development-activity" data="development-activity" %}
--- a/src/_includes/cards/form-all-elements.html
+++ b/src/_includes/cards/form-all-elements.html
@@ -232,10 +232,10 @@
 			</div>
 			<div class="col-md-6 col-lg-4">
 				<div class="form-group">
-					<label class="form-label">Radios</label>
+					<div class="form-label">Radios</div>
 					<div class="custom-controls-stacked">
 						<label class="custom-control custom-radio">
-							<input type="radio" class="custom-control-input" name="example-radios" value="option1" checked="">
+							<input type="radio" class="custom-control-input" name="example-radios" value="option1" checked>
 							<div class="custom-control-label">Option 1</div>
 						</label>
 						<label class="custom-control custom-radio">
@@ -255,57 +255,57 @@
 				<div class="form-group">
 					<div class="form-label">Inline Radios</div>
 					<div class="custom-controls-stacked">
-						<div class="custom-control custom-radio">
-							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked="">
+						<label class="custom-control custom-radio">
+							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option1" checked>
 							<span class="custom-control-label">Option 1</span>
-						</div>
-						<div class="custom-control custom-radio">
+						</label>
+						<label class="custom-control custom-radio">
 							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option2">
 							<span class="custom-control-label">Option 2</span>
-						</div>
-						<div class="custom-control custom-radio">
+						</label>
+						<label class="custom-control custom-radio">
 							<input type="radio" class="custom-control-input" name="example-inline-radios" value="option3">
 							<span class="custom-control-label">Option 3</span>
-						</div>
+						</label>
 					</div>
 				</div>
 				<div class="form-group">
-					<label class="form-label">Checkboxes</label>
+					<div class="form-label">Checkboxes</div>
 					<div class="custom-controls-stacked">
-						<div class="custom-control custom-checkbox">
-							<input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked="">
+						<label class="custom-control custom-checkbox">
+							<input type="checkbox" class="custom-control-input" name="example-checkbox1" value="option1" checked>
 							<label class="custom-control-label">Option 1</label>
-						</div>
-						<div class="custom-control custom-checkbox">
+						</label>
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-checkbox2" value="option2">
 							<label class="custom-control-label">Option 2</label>
-						</div>
-						<div class="custom-control custom-checkbox">
+						</label>
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-checkbox3" value="option3" disabled>
 							<label class="custom-control-label">Option Disabled</label>
-						</div>
-						<div class="custom-control custom-checkbox">
+						</label>
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-checkbox4" value="option4" checked disabled>
 							<label class="custom-control-label">Option Disabled Checked</label>
-						</div>
+						</label>
 					</div>
 				</div>
 				<div class="form-group">
 					<div class="form-label">Inline Checkboxes</div>
 					<div class="custom-controls-stacked">
-						<div class="custom-control custom-checkbox">
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-inline-checkbox1" value="option1"
-								   checked="">
+								   checked>
 							<label class="custom-control-label">Option 1</label>
-						</div>
-						<div class="custom-control custom-checkbox">
+						</label>
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-inline-checkbox2" value="option2">
 							<label class="custom-control-label">Option 2</label>
-						</div>
-						<div class="custom-control custom-checkbox">
+						</label>
+						<label class="custom-control custom-checkbox">
 							<input type="checkbox" class="custom-control-input" name="example-inline-checkbox3" value="option3">
 							<label class="custom-control-label">Option 3</label>
-						</div>
+						</label>
 					</div>
 				</div>
 				<div class="form-group">
--- a/src/_includes/cards/table-users.html
+++ b/src/_includes/cards/table-users.html
@@ -1,66 +1,69 @@
 <div class="card">
-	<table class="table table-responsive table-hover table-outline table-vcenter text-nowrap card-table">
-		<thead>
-		<tr>
-			<th class="text-center w-1"><i class="icon-people"></i></th>
-			<th>User</th>
-			<th>Usage</th>
-			<th class="text-center">Payment</th>
-			<th>Activity</th>
-			<th class="text-center">Satisfaction</th>
-			<th class="text-center"><i class="icon-settings"></i></th>
-		</tr>
-		</thead>
-		<tbody>
+	<div class="table-responsive">
+		<table class="table table-hover table-outline table-vcenter text-nowrap card-table">
+			<thead>
+			<tr>
+				<th class="text-center w-1"><i class="icon-people"></i></th>
+				<th>User</th>
+				<th>Usage</th>
+				<th class="text-center">Payment</th>
+				<th>Activity</th>
+				<th class="text-center">Satisfaction</th>
+				<th class="text-center"><i class="icon-settings"></i></th>
+			</tr>
+			</thead>
+			<tbody>

-		{% for user in site.data.users limit: 8 offset: 50 %}
-		{% assign percentage = forloop.index | random_number %}
-		{% assign time_offset = forloop.index | random_number: 0, 800 %}
-		{% assign register_offset = forloop.index | random_number: 0, 8000000 %}
-		<tr>
-			<td class="text-center">
-				<div class="avatar d-block" style="background-image: url({{ user.photo }})">
-					<span class="avatar-status bg-green"></span>
-				</div>
-			</td>
-			<td>
-				<div>{{ user.name }} {{ user.surname }}</div>
-				<div class="small text-muted">
-					Registered: {{ site.time | date: "%s" | minus: register_offset | date: '%b %-d, %Y' }}
-				</div>
-			</td>
-			<td>
-				<div class="clearfix">
-					<div class="float-left">
-						<strong>{{ percentage }}%</strong>
+			{% for user in site.data.users limit: 8 offset: 50 %}
+			{% assign percentage = forloop.index | random_number %}
+			{% assign time_offset = forloop.index | random_number: 0, 800 %}
+			{% assign register_offset = forloop.index | random_number: 0, 8000000 %}
+			<tr>
+				<td class="text-center">
+					<div class="avatar d-block" style="background-image: url({{ user.photo }})">
+						<span class="avatar-status bg-green"></span>
 					</div>
-					<div class="float-right">
-						<small class="text-muted">Jun 11, 2015 - Jul 10, 2015</small>
+				</td>
+				<td>
+					<div>{{ user.name }} {{ user.surname }}</div>
+					<div class="small text-muted">
+						Registered: {{ site.time | date: "%s" | minus: register_offset | date: '%b %-d, %Y' }}
 					</div>
-				</div>
-				<div class="progress progress-xs">
-					<div class="progress-bar bg-{{ percentage | number_color }}" role="progressbar" style="width: {{ percentage }}%" aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
-				</div>
-			</td>
-			<td class="text-center">
-				<i class="payment payment-{% cycle 'visa', 'googlewallet', 'mastercard', 'shopify', 'ebay', 'paypal' %}"></i>
-			</td>
-			<td>
-				<div class="small text-muted">Last login</div>
-				<div>{{ site.time | date: "%s" | minus: time_offset | to_pretty_time }}</div>
-			</td>
-			<td class="text-center">
-				{% assign circle-percentage = forloop.index | random_number: 0, 100 %}
-				<div class="mx-auto chart-circle chart-circle-xs" data-value="{{ circle-percentage | divide: 100 }}" data-thickness="3" data-color="blue">
-					<div class="chart-circle-value">{{ circle-percentage }}%</div>
-				</div>
-			</td>
-			<td class="text-center">
-				{% include dropdown-options.html %}
-			</td>
-		</tr>
-		{% endfor %}
-		</tbody>
-	</table>
+				</td>
+				<td>
+					<div class="clearfix">
+						<div class="float-left">
+							<strong>{{ percentage }}%</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-{{ percentage | number_color }}" role="progressbar" style="width: {{ percentage }}%"
+						     aria-valuenow="{{ percentage }}" aria-valuemin="0" aria-valuemax="100"></div>
+					</div>
+				</td>
+				<td class="text-center">
+					<i class="payment payment-{% cycle 'visa', 'googlewallet', 'mastercard', 'shopify', 'ebay', 'paypal' %}"></i>
+				</td>
+				<td>
+					<div class="small text-muted">Last login</div>
+					<div>{{ site.time | date: "%s" | minus: time_offset | to_pretty_time }}</div>
+				</td>
+				<td class="text-center">
+					{% assign circle-percentage = forloop.index | random_number: 0, 100 %}
+					<div class="mx-auto chart-circle chart-circle-xs" data-value="{{ circle-percentage | divide: 100 }}" data-thickness="3" data-color="blue">
+						<div class="chart-circle-value">{{ circle-percentage }}%</div>
+					</div>
+				</td>
+				<td class="text-center">
+					{% include dropdown-options.html %}
+				</td>
+			</tr>
+			{% endfor %}
+			</tbody>
+		</table>
+	</div>

 </div>
--- a/src/assets/js/core.js
+++ b/src/assets/js/core.js
@@ -1,97 +1,107 @@
-var hexToRgba = function(hex, opacity) {
-    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
-    var rgb = result ? {
-            r: parseInt(result[1], 16),
-            g: parseInt(result[2], 16),
-            b: parseInt(result[3], 16)
-        } : null;
+/**
+ *
+ */
+let hexToRgba = function(hex, opacity) {
+  let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+  let rgb = result ? {
+    r: parseInt(result[1], 16),
+    g: parseInt(result[2], 16),
+    b: parseInt(result[3], 16)
+  } : null;

-    return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', '+ opacity + ')';
+  return 'rgba(' + rgb.r + ', ' + rgb.g + ', ' + rgb.b + ', ' + opacity + ')';
 };

-$(document).ready(function () {
+/**
+ *
+ */
+$(document).ready(function() {
+  /** Constant div card */
+  const DIV_CARD = 'div.card';

-    // Initialize tooltips
-    $('[data-toggle="tooltip"]').tooltip();
+  /** Initialize tooltips */
+  $('[data-toggle="tooltip"]').tooltip();

-    // Initialize popovers
-	$('[data-toggle="popover"]').popover({
-		html: true
-    });
+  /** Initialize popovers */
+  $('[data-toggle="popover"]').popover({
+    html: true
+  });

-    // Function for remove card
-    $('[data-toggle="card-remove"]').on('click', function (e) {
-        var $card = $(this).closest('div.card');
-        $card.remove();
+  /** Function for remove card */
+  $('[data-toggle="card-remove"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);

-        e.preventDefault();
-        return false;
-    });
+    $card.remove();

-    // Function for collapse card
-    $('[data-toggle="card-collapse"]').on('click', function (e) {
-        var $this = $(this),
-            $card = $this.closest('div.card');
+    e.preventDefault();
+    return false;
+  });

-        $card.toggleClass('card-collapsed');
+  /** Function for collapse card */
+  $('[data-toggle="card-collapse"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);

-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-collapsed');

-    // Function for fullscreen card
-    $('[data-toggle="card-fullscreen"]').on('click', function(e) {
-        var $card = $(this).closest('div.card');
+    e.preventDefault();
+    return false;
+  });

-        $card.toggleClass('card-fullscreen').removeClass('card-collapsed');
+  /** Function for fullscreen card */
+  $('[data-toggle="card-fullscreen"]').on('click', function(e) {
+    let $card = $(this).closest(DIV_CARD);

-        e.preventDefault();
-        return false;
-    });
+    $card.toggleClass('card-fullscreen').removeClass('card-collapsed');

-    if($('[data-sparkline]').length) {
-        var generateSparkline = function($elem, data, params) {
-            $elem.sparkline(data, {
-                type: $elem.attr('data-sparkline-type'),
-                height: '100%',
-                barColor: params.color,
-                lineColor: params.color,
-                fillColor: 'transparent',
-                spotColor: params.color,
-                spotRadius: 0,
-                lineWidth: 2,
-                highlightColor: hexToRgba(params.color, .6),
-                highlightLineColor: '#666',
-                defaultPixelsPerValue: 5
-            });
-        };
+    e.preventDefault();
+    return false;
+  });

-        require(['sparkline'], function(){
-            $('[data-sparkline]').each(function(){
-                var $chart = $(this);
+  /**  */
+  if ($('[data-sparkline]').length) {
+    let generateSparkline = function($elem, data, params) {
+      $elem.sparkline(data, {
+        type: $elem.attr('data-sparkline-type'),
+        height: '100%',
+        barColor: params.color,
+        lineColor: params.color,
+        fillColor: 'transparent',
+        spotColor: params.color,
+        spotRadius: 0,
+        lineWidth: 2,
+        highlightColor: hexToRgba(params.color, .6),
+        highlightLineColor: '#666',
+        defaultPixelsPerValue: 5
+      });
+    };

-                generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
-                    color: $chart.attr('data-sparkline-color')
-                });
-            });
+    require(['sparkline'], function() {
+      $('[data-sparkline]').each(function() {
+        let $chart = $(this);
+
+        generateSparkline($chart, JSON.parse($chart.attr('data-sparkline')), {
+          color: $chart.attr('data-sparkline-color')
        });
-    }
+      });
+    });
+  }

+  /**  */
+  if ($('.chart-circle').length) {
+    require(['circle-progress'], function() {
+      $('.chart-circle').each(function() {
+        let $this = $(this);

-    if($('.chart-circle').length) {
-        require(['circle-progress'], function () {
-            $('.chart-circle').each(function () {
-                var $this = $(this);
-                $this.circleProgress({
-                    fill: {
-                        color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
-                    },
-                    size: $this.height(),
-                    startAngle: -Math.PI / 4 * 2,
-                    emptyFill: '#F4F4F4',
-                    lineCap: 'round'
-                });
-            });
+        $this.circleProgress({
+          fill: {
+            color: tabler.colors[$this.attr('data-color')] || tabler.colors.blue
+          },
+          size: $this.height(),
+          startAngle: -Math.PI / 4 * 2,
+          emptyFill: '#F4F4F4',
+          lineCap: 'round'
        });
-    }
+      });
+    });
+  }
 });
--- a/src/assets/scss/dashboard/_aside.scss
+++ b/src/assets/scss/dashboard/_aside.scss
@@ -21,7 +21,7 @@

 .aside-body {
 	padding: 1.5rem;
-	flex: 1;
+	flex: 1 1 auto;
 	overflow: auto;
 }

--- a/src/assets/scss/dashboard/_cards.scss
+++ b/src/assets/scss/dashboard/_cards.scss
@@ -15,7 +15,7 @@
 }

 .card-body {
-	flex: 1;
+	flex: 1 1 auto;
 	margin: 0;
 	padding: $card-spacer-y $card-spacer-x;
 	position: relative;
@@ -322,7 +322,7 @@ Card tabs
 }

 .card-tabs-item {
-	flex: 1;
+	flex: 1 1 auto;
 	display: block;
 	padding: 1rem $card-spacer-x;
 	border-bottom: 1px solid $border-color;
--- a/src/assets/scss/dashboard/_grid.scss
+++ b/src/assets/scss/dashboard/_grid.scss
@@ -19,7 +19,7 @@
 		align-items: stretch;

 		.card {
-			flex: 1;
+			flex: 1 1 auto;
 		}
 	}
 }
--- a/src/assets/scss/dashboard/_layout.scss
+++ b/src/assets/scss/dashboard/_layout.scss
@@ -16,7 +16,7 @@
 }

 .page-main {
-	flex: 1;
+	flex: 1 1 auto;
 }

 .page-content {
@@ -74,7 +74,7 @@
 }

 .page-single {
-	flex: 1;
+	flex: 1 1 auto;
 	display: flex;
 	align-items: center;
 	justify-content: center;
--- a/src/assets/scss/dashboard/bootstrap/_media.scss
+++ b/src/assets/scss/dashboard/bootstrap/_media.scss
@@ -4,5 +4,5 @@
 }

 .media-body {
-  flex: 1;
+  flex: 1 1 auto;
 }
--- a/src/cards.html
+++ b/src/cards.html
@@ -45,7 +45,7 @@ menu: interface.cards
 			{% include cards/card.html title="With additional fullscreen button" show-fullscreen=true %}
 		</div>
 		<div class="col-lg-6">
-			{% include cards/card.html title="Pannel with custom buttons" show-buttons=true %}
+			{% include cards/card.html title="Panel with custom buttons" show-buttons=true %}
 		</div>
 		<div class="col-lg-6">
 			{% include cards/card.html title="Card with search form" show-form=true %}
@@ -54,7 +54,7 @@ menu: interface.cards
 			{% include cards/card.html title="Card with alert" alert="Adding action was successful" %}
 		</div>
 		<div class="col-lg-6 col-xl-4">
-			{% include cards/card.html title="Card with alert" alert="Adding action was failed" alert-type="danger" %}
+			{% include cards/card.html title="Card with alert" alert="Adding action failed" alert-type="danger" %}
 		</div>
 		<div class="col-lg-6 col-xl-4">
 			{% include cards/card.html title="Card with switch" show-switch=true %}
@@ -63,4 +63,4 @@ menu: interface.cards
 			{% include cards/card.html title="Card with loader" show-loader=true %}
 		</div>
 	</div>
-</div>
+</div>
--- a/src/index.html
+++ b/src/index.html
@@ -45,7 +45,7 @@ menu: index
 					{% include cards/chart.html height=12 title="Chart title" id="chart-pie" data="pie" %}
 				</div>
 				<div class="col-sm-4">
-					{% include cards/digit.html color="red" title="New fedbacks" digit="62" width="28%" %}
+					{% include cards/digit.html color="red" title="New feedback" digit="62" width="28%" %}
 				</div>
 				<div class="col-sm-4">
 					{% include cards/digit.html color="green" title="Today profit" digit="$652" width="84%" %}
@@ -116,4 +116,4 @@ menu: index
 			{% include cards/invoices.html %}
 		</div>
 	</div>
-</div>
+</div>
--- a/src/sample-cards.html
+++ b/src/sample-cards.html
@@ -139,7 +139,7 @@ menu: cards
 					{% include cards/client.html %}
 					{% include cards/digit.html %}
 					<div class="row row-deck">
-						<div class="col-6">{% include cards/digit.html color="red" title="New fedbacks" digit="62" width="34%" %}</div>
+						<div class="col-6">{% include cards/digit.html color="red" title="New feedback" digit="62" width="34%" %}</div>
 						<div class="col-6">{% include cards/digit.html color="green" title="Users online" digit="76" width="32%" %}</div>
 					</div>
 					{% include cards/digit.html color="yellow" title="Profit for this month" digit="$65,256" width="85%" %}
Author	SHA1	Message	Date
chomik	80e63b200c	0.0.21	2018-04-04 16:20:24 +02:00
chomik	b293328ce1	version 0.0.21	2018-04-04 16:20:23 +02:00
chomik	311789b08e	0.0.20	2018-04-04 16:13:41 +02:00
chomik	d04eab4c52	version 0.0.20	2018-04-04 16:13:41 +02:00
chomik	466c2504f3	Merge remote-tracking branch 'origin/master'	2018-04-04 15:15:39 +02:00
chomik	13c9141866	jekyll host fix	2018-04-04 15:15:34 +02:00
Paweł Kuna	1fb1eef7ba	status <=> features change	2018-04-04 14:19:15 +02:00
Paweł Kuna	02a383cbcf	Update README.md	2018-04-04 14:15:32 +02:00
Paweł Kuna	8b0917c548	Merge pull request #46 from roanvanbao/master Support composer	2018-04-04 11:50:50 +02:00
Bao Bao	a7f5b22200	Support composer	2018-04-04 16:42:52 +07:00
Paweł Kuna	03e7ec5711	Merge pull request #44 from tabler/revert-43-master Revert "Update README for content / readability "	2018-04-04 10:49:10 +02:00
Paweł Kuna	e3b837b4c5	Revert "Update README for content / readability "	2018-04-04 10:49:01 +02:00
Paweł Kuna	0f7b572b94	Merge pull request #43 from Shloken/master Update README for content / readability	2018-04-04 10:47:33 +02:00
Andrew Hainer	9ea0fe0f06	Update README.md	2018-04-04 04:25:49 -04:00
Andrew Hainer	d5bf80fe64	Update README.md	2018-04-04 04:09:44 -04:00
chomik	3b31588a73	0.0.19	2018-04-04 10:03:25 +02:00
chomik	da5d3ebb60	version 0.0.19	2018-04-04 10:03:24 +02:00
chomik	e530e5388a	add scss files to `dist/` dir	2018-04-04 10:03:12 +02:00
chomik	9d74ea9d87	0.0.18	2018-04-04 09:41:01 +02:00
chomik	1c2123a805	version 0.0.18	2018-04-04 09:41:01 +02:00
chomik	74ffca91f8	generate dist	2018-04-04 09:36:23 +02:00
Paweł Kuna	4b7e52133d	Merge pull request #27 from jwc1/master Update README.md	2018-04-04 09:33:36 +02:00
Paweł Kuna	7a4a6de943	Merge pull request #28 from altern8tif/altern8tif-patch-1 Update typo in demo pages	2018-04-04 09:20:51 +02:00
Paweł Kuna	f93c81346c	Merge pull request #25 from domProjects/master JS code change with Google guide recommendations	2018-04-04 09:18:27 +02:00
Paweł Kuna	c7d9c02daf	Merge pull request #36 from beeman/beeman/typos Fix some typos	2018-04-04 09:17:48 +02:00
Paweł Kuna	46a2645bad	Merge pull request #40 from realgio95/patch-1 Update README.md	2018-04-04 09:17:12 +02:00
Paweł Kuna	9f53ef5380	Merge pull request #38 from eugene1g/master Fix flex issues in IE11	2018-04-04 09:16:56 +02:00
Paweł Kuna	54b7084416	Merge pull request #41 from samuelhychan/patch-1 Update README.md	2018-04-04 09:16:09 +02:00
samuelhychan	b035135510	Update README.md	2018-04-03 18:38:58 -07:00
Giovanni HoSang	67375652e2	Update README.md	2018-04-03 18:38:38 -07:00
Eugene G	35751817c4	Expand 'flex' shortcuts to be compatible with IE11	2018-04-03 16:39:35 -06:00
Bram Borggreve	7989ecf79e	Fix some typos	2018-04-03 13:15:30 -05:00
Kevin Kwa	588fa7e721	Update typo in card component Change "New fedbacks" to "New feedback"	2018-04-03 09:26:13 +08:00
Kevin Kwa	9794e0e0ab	Update typo in card component Change "New fedbacks" to "New feedback"	2018-04-03 09:24:22 +08:00
jwc1	2028526d9f	Update README.md	2018-04-02 17:12:06 -07:00
Emmanuel Campait	9ff148ad1c	fix Inline radios & Checkboxes not clickable/working https://github.com/tabler/tabler/issues/20	2018-04-02 17:56:51 +02:00
Emmanuel Campait	2155b2f3f7	JS code change with Google guide recommendations change var by let, block indentation +2 spaces and more	2018-03-31 14:15:41 +02:00
Paweł Kuna	534215892d	Merge pull request #22 from tdtgit/patch-1 Fix #21	2018-03-30 20:13:06 +02:00
Anh Tuấn	bffca7835d	Update menu.yml	2018-03-30 20:53:39 +07:00
Paweł Kuna	8e7b60f8ec	Merge pull request #17 from pavanjadhaw/master fix typo in README.md	2018-03-28 15:13:19 +02:00
Pavan Jadhaw	03e6a39328	fix typo	2018-03-28 18:41:44 +05:30
Paweł Kuna	bf070b41ef	Update README.md	2018-03-28 13:10:31 +02:00
Paweł Kuna	43ec11c498	Update README.md	2018-03-27 19:45:47 +02:00
Paweł Kuna	51c0412b2a	Update README.md	2018-03-27 19:45:26 +02:00
Paweł Kuna	8045c1f59d	Update README.md	2018-03-27 19:45:17 +02:00
Paweł Kuna	51e1d1c1d0	Update README.md	2018-03-27 19:44:43 +02:00
Paweł Kuna	ff7aadf46a	Update README.md	2018-03-27 19:41:30 +02:00
Paweł Kuna	4504f09cc1	Update README.md	2018-03-27 19:41:01 +02:00
Paweł Kuna	6dd1981e03	Update README.md	2018-03-27 19:39:41 +02:00
chomik	7a7ac6075f	0.0.16	2018-03-27 13:25:05 +02:00
chomik	7d78c6c1fe	generate dist	2018-03-27 13:25:05 +02:00
chomik	e7db5c2fe2	users table hotfix	2018-03-27 13:24:44 +02:00
chomik	f5b87fbf83	new version generate script	2018-03-27 12:05:05 +02:00
chomik	cc0878e45a	0.0.15	2018-03-27 12:00:09 +02:00
chomik	7bb2415758	version 0.0.15	2018-03-27 12:00:08 +02:00
chomik	bc8f126d9b	0.0.14	2018-03-27 11:42:59 +02:00
chomik	4ab148baf5	version 0.0.14	2018-03-27 11:42:51 +02:00
chomik	6a9e301852	0.0.13	2018-03-27 11:39:16 +02:00
chomik	8bf83f3cd4	version 0.0.13	2018-03-27 11:39:05 +02:00