version 0.0.31

dist-new-version.sh

@@ -1,6 +1,6 @@
 #!/usr/bin/env bash
 
-version=0.0.30
+version=0.0.31
 
 echo "Version $version"
 

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

dist/assets/css/dashboard.css

@@ -3,7 +3,7 @@
 Dashboard UI
  */
 /*!
- * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Bootstrap v4.1.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)
@@ -238,7 +238,7 @@ th {
 
 label {
   display: inline-block;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 button {
@@ -1575,6 +1575,13 @@ pre code {
   border-bottom-width: 2px;
 }
 
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+  border: 0;
+}
+
 .table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(0, 0, 0, 0.02);
 }
@@ -1831,6 +1838,12 @@ pre code {
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
 .form-control::-ms-expand {
   background-color: transparent;
   border: 0;
@@ -1918,6 +1931,7 @@ select.form-control:focus::-ms-value {
   padding-bottom: 0.375rem;
   margin-bottom: 0;
   line-height: 1.6;
+  color: #495057;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0;
@@ -2270,7 +2284,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   .form-inline .form-control-plaintext {
     display: inline-block;
   }
-  .form-inline .input-group {
+  .form-inline .input-group,
+  .form-inline .custom-select {
     width: auto;
   }
   .form-inline .form-check {
@@ -2318,6 +2333,12 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+
 .btn:hover, .btn:focus {
   text-decoration: none;
 }
@@ -2909,6 +2930,7 @@ fieldset:disabled a.btn {
 
 .btn-link:disabled, .btn-link.disabled {
   color: #868e96;
+  pointer-events: none;
 }
 
 .btn-lg, .btn-group-lg > .btn {
@@ -2941,30 +2963,23 @@ input[type="button"].btn-block {
 }
 
 .fade {
-  opacity: 0;
   transition: opacity 0.15s linear;
 }
 
-.fade.show {
+@media screen and (prefers-reduced-motion: reduce) {
-  opacity: 1;
+  .fade {
+    transition: none;
+  }
 }
 
-.collapse {
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
   display: none;
 }
 
-.collapse.show {
-  display: block;
-}
-
-tr.collapse.show {
-  display: table-row;
-}
-
-tbody.collapse.show {
-  display: table-row-group;
-}
-
 .collapsing {
   position: relative;
   height: 0;
@@ -2972,8 +2987,16 @@ tbody.collapse.show {
   transition: height 0.35s ease;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+
 .dropup,
-.dropdown {
+.dropright,
+.dropdown,
+.dropleft {
   position: relative;
 }
 
@@ -3014,7 +3037,14 @@ tbody.collapse.show {
   border-radius: 3px;
 }
 
+.dropdown-menu-right {
+  right: 0;
+  left: auto;
+}
+
 .dropup .dropdown-menu {
+  top: auto;
+  bottom: 100%;
   margin-top: 0;
   margin-bottom: 0.125rem;
 }
@@ -3037,6 +3067,9 @@ tbody.collapse.show {
 }
 
 .dropright .dropdown-menu {
+  top: 0;
+  right: auto;
+  left: 100%;
   margin-top: 0;
   margin-left: 0.125rem;
 }
@@ -3049,6 +3082,7 @@ tbody.collapse.show {
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
+  border-right: 0;
   border-bottom: 0.3em solid transparent;
   border-left: 0.3em solid;
 }
@@ -3062,6 +3096,9 @@ tbody.collapse.show {
 }
 
 .dropleft .dropdown-menu {
+  top: 0;
+  right: 100%;
+  left: auto;
   margin-top: 0;
   margin-right: 0.125rem;
 }
@@ -3099,6 +3136,11 @@ tbody.collapse.show {
   vertical-align: 0;
 }
 
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
+  right: auto;
+  bottom: auto;
+}
+
 .dropdown-divider {
   height: 0;
   margin: 0.5rem 0;
@@ -3149,6 +3191,12 @@ tbody.collapse.show {
   white-space: nowrap;
 }
 
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1.5rem;
+  color: #212529;
+}
+
 .btn-group,
 .btn-group-vertical {
   position: relative;
@@ -3221,10 +3269,16 @@ tbody.collapse.show {
   padding-left: 0.5625rem;
 }
 
-.dropdown-toggle-split::after {
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after {
   margin-left: 0;
 }
 
+.dropleft .dropdown-toggle-split::before {
+  margin-right: 0;
+}
+
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
   padding-right: 0.375rem;
   padding-left: 0.375rem;
@@ -3342,13 +3396,13 @@ tbody.collapse.show {
 }
 
 .input-group > .custom-file:not(:last-child) .custom-file-label,
-.input-group > .custom-file:not(:last-child) .custom-file-label::before {
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .input-group > .custom-file:not(:first-child) .custom-file-label,
-.input-group > .custom-file:not(:first-child) .custom-file-label::before {
+.input-group > .custom-file:not(:first-child) .custom-file-label::after {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
@@ -3619,12 +3673,12 @@ tbody.collapse.show {
   opacity: 0;
 }
 
-.custom-file-input:focus ~ .custom-file-control {
+.custom-file-input:focus ~ .custom-file-label {
   border-color: #1991eb;
   box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
 }
 
-.custom-file-input:focus ~ .custom-file-control::before {
+.custom-file-input:focus ~ .custom-file-label::after {
   border-color: #1991eb;
 }
 
@@ -3664,6 +3718,121 @@ tbody.collapse.show {
   border-radius: 0 3px 3px 0;
 }
 
+.custom-range {
+  width: 100%;
+  padding-left: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: none;
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #467fcf;
+  border: 0;
+  border-radius: 1rem;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.custom-range::-webkit-slider-thumb:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
+}
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #d4e1f4;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #467fcf;
+  border: 0;
+  border-radius: 1rem;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range::-moz-range-thumb:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
+}
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #d4e1f4;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #467fcf;
+  border: 0;
+  border-radius: 1rem;
+  appearance: none;
+}
+
+.custom-range::-ms-thumb:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #d4e1f4;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-right: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
 .nav {
   display: -ms-flexbox;
   display: flex;
@@ -3714,8 +3883,8 @@ tbody.collapse.show {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #495057;
-  background-color: #f5f7fb;
+  background-color: transparent;
-  border-color: #dee2e6 #dee2e6 #f5f7fb;
+  border-color: #dee2e6 #dee2e6 transparent;
 }
 
 .nav-tabs .dropdown-menu {
@@ -3879,10 +4048,6 @@ tbody.collapse.show {
   .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
-    right: 0;
-    left: auto;
-  }
   .navbar-expand-sm .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
@@ -3901,10 +4066,6 @@ tbody.collapse.show {
   .navbar-expand-sm .navbar-toggler {
     display: none;
   }
-  .navbar-expand-sm .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 @media (max-width: 767.98px) {
@@ -3929,10 +4090,6 @@ tbody.collapse.show {
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-md .navbar-nav .dropdown-menu-right {
-    right: 0;
-    left: auto;
-  }
   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
@@ -3951,10 +4108,6 @@ tbody.collapse.show {
   .navbar-expand-md .navbar-toggler {
     display: none;
   }
-  .navbar-expand-md .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 @media (max-width: 991.98px) {
@@ -3979,10 +4132,6 @@ tbody.collapse.show {
   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
-    right: 0;
-    left: auto;
-  }
   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
@@ -4001,10 +4150,6 @@ tbody.collapse.show {
   .navbar-expand-lg .navbar-toggler {
     display: none;
   }
-  .navbar-expand-lg .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 @media (max-width: 1279.98px) {
@@ -4029,10 +4174,6 @@ tbody.collapse.show {
   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
-    right: 0;
-    left: auto;
-  }
   .navbar-expand-xl .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 0.5rem;
@@ -4051,10 +4192,6 @@ tbody.collapse.show {
   .navbar-expand-xl .navbar-toggler {
     display: none;
   }
-  .navbar-expand-xl .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 .navbar-expand {
@@ -4079,11 +4216,6 @@ tbody.collapse.show {
   position: absolute;
 }
 
-.navbar-expand .navbar-nav .dropdown-menu-right {
-  right: 0;
-  left: auto;
-}
-
 .navbar-expand .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 0.5rem;
@@ -4106,11 +4238,6 @@ tbody.collapse.show {
   display: none;
 }
 
-.navbar-expand .dropup .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-}
-
 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -4442,6 +4569,8 @@ tbody.collapse.show {
     -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
     column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
   }
   .card-columns .card {
     display: inline-block;
@@ -4449,6 +4578,26 @@ tbody.collapse.show {
   }
 }
 
+.accordion .card:not(:first-of-type):not(:last-of-type) {
+  border-bottom: 0;
+  border-radius: 0;
+}
+
+.accordion .card:not(:first-of-type) .card-header:first-child {
+  border-radius: 0;
+}
+
+.accordion .card:first-of-type {
+  border-bottom: 0;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0;
+}
+
+.accordion .card:last-of-type {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
 .breadcrumb {
   display: -ms-flexbox;
   display: flex;
@@ -4461,10 +4610,13 @@ tbody.collapse.show {
   border-radius: 3px;
 }
 
+.breadcrumb-item + .breadcrumb-item {
+  padding-left: 0.5rem;
+}
+
 .breadcrumb-item + .breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
-  padding-left: 0.5rem;
   color: #868e96;
   content: "/";
 }
@@ -4501,6 +4653,7 @@ tbody.collapse.show {
 }
 
 .page-link:hover {
+  z-index: 2;
   color: #295a9f;
   text-decoration: none;
   background-color: #e9ecef;
@@ -4886,10 +5039,17 @@ tbody.collapse.show {
   justify-content: center;
   color: #fff;
   text-align: center;
+  white-space: nowrap;
   background-color: #467fcf;
   transition: width 0.6s ease;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
 .progress-bar-striped {
   background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem;
@@ -5180,6 +5340,12 @@ button.close {
   transform: translate(0, -25%);
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+
 .modal.show .modal-dialog {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
@@ -5624,6 +5790,12 @@ button.close {
   perspective: 1000px;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
@@ -5678,6 +5850,43 @@ button.close {
   }
 }
 
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-duration: .6s;
+  transition-property: opacity;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+  opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+  opacity: 0;
+}
+
+.carousel-fade .carousel-item-next,
+.carousel-fade .carousel-item-prev,
+.carousel-fade .carousel-item.active,
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-prev {
+  -webkit-transform: translateX(0);
+  transform: translateX(0);
+}
+
+@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
+  .carousel-fade .carousel-item-next,
+  .carousel-fade .carousel-item-prev,
+  .carousel-fade .carousel-item.active,
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-prev {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
 .carousel-control-prev,
 .carousel-control-next {
   position: absolute;
@@ -6295,6 +6504,31 @@ button.bg-dark:focus {
   flex-wrap: wrap-reverse !important;
 }
 
+.flex-fill {
+  -ms-flex: 1 1 auto !important;
+  flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+  -ms-flex-positive: 0 !important;
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  -ms-flex-positive: 1 !important;
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0 !important;
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  -ms-flex-negative: 1 !important;
+  flex-shrink: 1 !important;
+}
+
 .justify-content-start {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
@@ -6434,6 +6668,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-sm-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-sm-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6553,6 +6807,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-md-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-md-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-md-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6672,6 +6946,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-lg-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-lg-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6791,6 +7085,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-xl-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-xl-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6995,8 +7309,6 @@ button.bg-dark:focus {
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
   border: 0;
 }
 
@@ -7007,8 +7319,22 @@ button.bg-dark:focus {
   overflow: visible;
   clip: auto;
   white-space: normal;
-  -webkit-clip-path: none;
+}
-  clip-path: none;
+
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
 }
 
 .w-25 {
@@ -7027,6 +7353,10 @@ button.bg-dark:focus {
   width: 100% !important;
 }
 
+.w-auto {
+  width: auto !important;
+}
+
 .w-0 {
   width: 0 !important;
 }
@@ -7067,10 +7397,6 @@ button.bg-dark:focus {
   width: 6rem !important;
 }
 
-.w-auto {
-  width: auto !important;
-}
-
 .h-25 {
   height: 25% !important;
 }
@@ -7087,6 +7413,10 @@ button.bg-dark:focus {
   height: 100% !important;
 }
 
+.h-auto {
+  height: auto !important;
+}
+
 .h-0 {
   height: 0 !important;
 }
@@ -7127,10 +7457,6 @@ button.bg-dark:focus {
   height: 6rem !important;
 }
 
-.h-auto {
-  height: auto !important;
-}
-
 .mw-100 {
   max-width: 100% !important;
 }
@@ -9251,6 +9577,10 @@ button.bg-dark:focus {
   }
 }
 
+.text-monospace {
+  font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
 .text-justify {
   text-align: justify !important;
 }
@@ -9421,10 +9751,22 @@ a.text-dark:hover, a.text-dark:focus {
   color: #1d2124 !important;
 }
 
+.text-body {
+  color: #495057 !important;
+}
+
 .text-muted {
   color: #9aa0ac !important;
 }
 
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
 .text-hide {
   font: 0/0 a;
   color: transparent;
@@ -9459,7 +9801,7 @@ a.text-dark:hover, a.text-dark:focus {
   }
   pre,
   blockquote {
-    border: 1px solid #999;
+    border: 1px solid #adb5bd;
     page-break-inside: avoid;
   }
   thead {
@@ -9505,7 +9847,7 @@ a.text-dark:hover, a.text-dark:focus {
   .table-bordered th, .text-wrap table th,
   .table-bordered td,
   .text-wrap table td {
-    border: 1px solid #ddd !important;
+    border: 1px solid #dee2e6 !important;
   }
 }
 
@@ -12868,6 +13210,8 @@ a.icon:hover {
 .card-aside-column {
   min-width: 5rem;
   width: 30%;
+  -ms-flex: 0 0 30%;
+  flex: 0 0 30%;
   border-top-left-radius: 3px;
   border-bottom-left-radius: 3px;
   background: no-repeat center/cover;
@@ -12908,19 +13252,19 @@ a.icon:hover {
   align-self: center;
 }
 
-.card-options a {
+.card-options a:not(.btn) {
   margin-left: .5rem;
   color: #9aa0ac;
   display: inline-block;
   min-width: 1rem;
 }
 
-.card-options a:hover {
+.card-options a:not(.btn):hover {
   text-decoration: none;
   color: #6e7687;
 }
 
-.card-options a i {
+.card-options a:not(.btn) i {
   font-size: 1rem;
   vertical-align: middle;
 }
@@ -14622,6 +14966,16 @@ a.tag-addon:hover {
   user-select: none;
 }
 
+.carousel-item-background {
+  content: '';
+  background: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+
 .custom-range {
   -ms-flex-align: center;
   align-items: center;
@@ -14788,15 +15142,14 @@ a.tag-addon:hover {
   -ms-user-select: none;
   user-select: none;
   font-size: 0.9375rem;
-  line-height: 1.5;
+  line-height: 1.5rem;
   min-width: 2.375rem;
 }
 
 .selectgroup-button-icon {
   padding-left: .5rem;
   padding-right: .5rem;
-  font-size: 1.125rem;
+  font-size: 1rem;
-  line-height: 1.125rem;
 }
 
 .selectgroup-input:checked + .selectgroup-button {

dist/assets/css/dashboard.rtl.css

@@ -3,7 +3,7 @@
 Dashboard UI
  */
 /*!
- * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Bootstrap v4.1.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)
@@ -238,7 +238,7 @@ th {
 
 label {
   display: inline-block;
-  margin-bottom: .5rem;
+  margin-bottom: 0.5rem;
 }
 
 button {
@@ -1575,6 +1575,13 @@ pre code {
   border-bottom-width: 2px;
 }
 
+.table-borderless th,
+.table-borderless td,
+.table-borderless thead th,
+.table-borderless tbody + tbody {
+  border: 0;
+}
+
 .table-striped tbody tr:nth-of-type(odd) {
   background-color: rgba(0, 0, 0, 0.02);
 }
@@ -1831,6 +1838,12 @@ pre code {
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .form-control {
+    transition: none;
+  }
+}
+
 .form-control::-ms-expand {
   background-color: transparent;
   border: 0;
@@ -1918,6 +1931,7 @@ select.form-control:focus::-ms-value {
   padding-bottom: 0.375rem;
   margin-bottom: 0;
   line-height: 1.6;
+  color: #495057;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0;
@@ -2270,7 +2284,8 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   .form-inline .form-control-plaintext {
     display: inline-block;
   }
-  .form-inline .input-group {
+  .form-inline .input-group,
+  .form-inline .custom-select {
     width: auto;
   }
   .form-inline .form-check {
@@ -2318,6 +2333,12 @@ select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.for
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .btn {
+    transition: none;
+  }
+}
+
 .btn:hover, .btn:focus {
   text-decoration: none;
 }
@@ -2909,6 +2930,7 @@ fieldset:disabled a.btn {
 
 .btn-link:disabled, .btn-link.disabled {
   color: #868e96;
+  pointer-events: none;
 }
 
 .btn-lg, .btn-group-lg > .btn {
@@ -2941,30 +2963,23 @@ input[type="button"].btn-block {
 }
 
 .fade {
-  opacity: 0;
   transition: opacity 0.15s linear;
 }
 
-.fade.show {
+@media screen and (prefers-reduced-motion: reduce) {
-  opacity: 1;
+  .fade {
+    transition: none;
+  }
 }
 
-.collapse {
+.fade:not(.show) {
+  opacity: 0;
+}
+
+.collapse:not(.show) {
   display: none;
 }
 
-.collapse.show {
-  display: block;
-}
-
-tr.collapse.show {
-  display: table-row;
-}
-
-tbody.collapse.show {
-  display: table-row-group;
-}
-
 .collapsing {
   position: relative;
   height: 0;
@@ -2972,8 +2987,16 @@ tbody.collapse.show {
   transition: height 0.35s ease;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .collapsing {
+    transition: none;
+  }
+}
+
 .dropup,
-.dropdown {
+.dropright,
+.dropdown,
+.dropleft {
   position: relative;
 }
 
@@ -3014,7 +3037,14 @@ tbody.collapse.show {
   border-radius: 3px;
 }
 
+.dropdown-menu-right {
+  left: 0;
+  right: auto;
+}
+
 .dropup .dropdown-menu {
+  top: auto;
+  bottom: 100%;
   margin-top: 0;
   margin-bottom: 0.125rem;
 }
@@ -3037,6 +3067,9 @@ tbody.collapse.show {
 }
 
 .dropright .dropdown-menu {
+  top: 0;
+  left: auto;
+  right: 100%;
   margin-top: 0;
   margin-right: 0.125rem;
 }
@@ -3049,6 +3082,7 @@ tbody.collapse.show {
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
+  border-left: 0;
   border-bottom: 0.3em solid transparent;
   border-right: 0.3em solid;
 }
@@ -3062,6 +3096,9 @@ tbody.collapse.show {
 }
 
 .dropleft .dropdown-menu {
+  top: 0;
+  left: 100%;
+  right: auto;
   margin-top: 0;
   margin-left: 0.125rem;
 }
@@ -3099,6 +3136,11 @@ tbody.collapse.show {
   vertical-align: 0;
 }
 
+.dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] {
+  left: auto;
+  bottom: auto;
+}
+
 .dropdown-divider {
   height: 0;
   margin: 0.5rem 0;
@@ -3149,6 +3191,12 @@ tbody.collapse.show {
   white-space: nowrap;
 }
 
+.dropdown-item-text {
+  display: block;
+  padding: 0.25rem 1.5rem;
+  color: #212529;
+}
+
 .btn-group,
 .btn-group-vertical {
   position: relative;
@@ -3221,10 +3269,16 @@ tbody.collapse.show {
   padding-right: 0.5625rem;
 }
 
-.dropdown-toggle-split::after {
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropright .dropdown-toggle-split::after {
   margin-right: 0;
 }
 
+.dropleft .dropdown-toggle-split::before {
+  margin-left: 0;
+}
+
 .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -3342,13 +3396,13 @@ tbody.collapse.show {
 }
 
 .input-group > .custom-file:not(:last-child) .custom-file-label,
-.input-group > .custom-file:not(:last-child) .custom-file-label::before {
+.input-group > .custom-file:not(:last-child) .custom-file-label::after {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .input-group > .custom-file:not(:first-child) .custom-file-label,
-.input-group > .custom-file:not(:first-child) .custom-file-label::before {
+.input-group > .custom-file:not(:first-child) .custom-file-label::after {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
@@ -3619,12 +3673,12 @@ tbody.collapse.show {
   opacity: 0;
 }
 
-.custom-file-input:focus ~ .custom-file-control {
+.custom-file-input:focus ~ .custom-file-label {
   border-color: #1991eb;
   box-shadow: 0 0 0 2px rgba(70, 127, 207, 0.25);
 }
 
-.custom-file-input:focus ~ .custom-file-control::before {
+.custom-file-input:focus ~ .custom-file-label::after {
   border-color: #1991eb;
 }
 
@@ -3664,6 +3718,121 @@ tbody.collapse.show {
   border-radius: 3px 0 0 3px;
 }
 
+.custom-range {
+  width: 100%;
+  padding-right: 0;
+  background-color: transparent;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range:focus {
+  outline: none;
+}
+
+.custom-range::-moz-focus-outer {
+  border: 0;
+}
+
+.custom-range::-webkit-slider-thumb {
+  width: 1rem;
+  height: 1rem;
+  margin-top: -0.25rem;
+  background-color: #467fcf;
+  border: 0;
+  border-radius: 1rem;
+  -webkit-appearance: none;
+  appearance: none;
+}
+
+.custom-range::-webkit-slider-thumb:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
+}
+
+.custom-range::-webkit-slider-thumb:active {
+  background-color: #d4e1f4;
+}
+
+.custom-range::-webkit-slider-runnable-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-moz-range-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #467fcf;
+  border: 0;
+  border-radius: 1rem;
+  -moz-appearance: none;
+  appearance: none;
+}
+
+.custom-range::-moz-range-thumb:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
+}
+
+.custom-range::-moz-range-thumb:active {
+  background-color: #d4e1f4;
+}
+
+.custom-range::-moz-range-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: #dee2e6;
+  border-color: transparent;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-thumb {
+  width: 1rem;
+  height: 1rem;
+  background-color: #467fcf;
+  border: 0;
+  border-radius: 1rem;
+  appearance: none;
+}
+
+.custom-range::-ms-thumb:focus {
+  outline: none;
+  box-shadow: 0 0 0 1px #f5f7fb, 0 0 0 2px rgba(70, 127, 207, 0.25);
+}
+
+.custom-range::-ms-thumb:active {
+  background-color: #d4e1f4;
+}
+
+.custom-range::-ms-track {
+  width: 100%;
+  height: 0.5rem;
+  color: transparent;
+  cursor: pointer;
+  background-color: transparent;
+  border-color: transparent;
+  border-width: 0.5rem;
+}
+
+.custom-range::-ms-fill-lower {
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
+.custom-range::-ms-fill-upper {
+  margin-left: 15px;
+  background-color: #dee2e6;
+  border-radius: 1rem;
+}
+
 .nav {
   display: -ms-flexbox;
   display: flex;
@@ -3714,8 +3883,8 @@ tbody.collapse.show {
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #495057;
-  background-color: #f5f7fb;
+  background-color: transparent;
-  border-color: #dee2e6 #dee2e6 #f5f7fb;
+  border-color: #dee2e6 #dee2e6 transparent;
 }
 
 .nav-tabs .dropdown-menu {
@@ -3879,10 +4048,6 @@ tbody.collapse.show {
   .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-sm .navbar-nav .dropdown-menu-right {
-    left: 0;
-    right: auto;
-  }
   .navbar-expand-sm .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
@@ -3901,10 +4066,6 @@ tbody.collapse.show {
   .navbar-expand-sm .navbar-toggler {
     display: none;
   }
-  .navbar-expand-sm .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 @media (max-width: 767.98px) {
@@ -3929,10 +4090,6 @@ tbody.collapse.show {
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-md .navbar-nav .dropdown-menu-right {
-    left: 0;
-    right: auto;
-  }
   .navbar-expand-md .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
@@ -3951,10 +4108,6 @@ tbody.collapse.show {
   .navbar-expand-md .navbar-toggler {
     display: none;
   }
-  .navbar-expand-md .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 @media (max-width: 991.98px) {
@@ -3979,10 +4132,6 @@ tbody.collapse.show {
   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-lg .navbar-nav .dropdown-menu-right {
-    left: 0;
-    right: auto;
-  }
   .navbar-expand-lg .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
@@ -4001,10 +4150,6 @@ tbody.collapse.show {
   .navbar-expand-lg .navbar-toggler {
     display: none;
   }
-  .navbar-expand-lg .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 @media (max-width: 1279.98px) {
@@ -4029,10 +4174,6 @@ tbody.collapse.show {
   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }
-  .navbar-expand-xl .navbar-nav .dropdown-menu-right {
-    left: 0;
-    right: auto;
-  }
   .navbar-expand-xl .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
@@ -4051,10 +4192,6 @@ tbody.collapse.show {
   .navbar-expand-xl .navbar-toggler {
     display: none;
   }
-  .navbar-expand-xl .dropup .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-  }
 }
 
 .navbar-expand {
@@ -4079,11 +4216,6 @@ tbody.collapse.show {
   position: absolute;
 }
 
-.navbar-expand .navbar-nav .dropdown-menu-right {
-  left: 0;
-  right: auto;
-}
-
 .navbar-expand .navbar-nav .nav-link {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -4106,11 +4238,6 @@ tbody.collapse.show {
   display: none;
 }
 
-.navbar-expand .dropup .dropdown-menu {
-  top: auto;
-  bottom: 100%;
-}
-
 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9);
 }
@@ -4442,6 +4569,8 @@ tbody.collapse.show {
     -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
     column-gap: 1.25rem;
+    orphans: 1;
+    widows: 1;
   }
   .card-columns .card {
     display: inline-block;
@@ -4449,6 +4578,26 @@ tbody.collapse.show {
   }
 }
 
+.accordion .card:not(:first-of-type):not(:last-of-type) {
+  border-bottom: 0;
+  border-radius: 0;
+}
+
+.accordion .card:not(:first-of-type) .card-header:first-child {
+  border-radius: 0;
+}
+
+.accordion .card:first-of-type {
+  border-bottom: 0;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.accordion .card:last-of-type {
+  border-top-right-radius: 0;
+  border-top-left-radius: 0;
+}
+
 .breadcrumb {
   display: -ms-flexbox;
   display: flex;
@@ -4461,10 +4610,13 @@ tbody.collapse.show {
   border-radius: 3px;
 }
 
+.breadcrumb-item + .breadcrumb-item {
+  padding-right: 0.5rem;
+}
+
 .breadcrumb-item + .breadcrumb-item::before {
   display: inline-block;
   padding-left: 0.5rem;
-  padding-right: 0.5rem;
   color: #868e96;
   content: "/";
 }
@@ -4501,6 +4653,7 @@ tbody.collapse.show {
 }
 
 .page-link:hover {
+  z-index: 2;
   color: #295a9f;
   text-decoration: none;
   background-color: #e9ecef;
@@ -4886,10 +5039,17 @@ tbody.collapse.show {
   justify-content: center;
   color: #fff;
   text-align: center;
+  white-space: nowrap;
   background-color: #467fcf;
   transition: width 0.6s ease;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .progress-bar {
+    transition: none;
+  }
+}
+
 .progress-bar-striped {
   background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem;
@@ -5180,6 +5340,12 @@ button.close {
   transform: translate(0, -25%);
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .modal.fade .modal-dialog {
+    transition: none;
+  }
+}
+
 .modal.show .modal-dialog {
   -webkit-transform: translate(0, 0);
   transform: translate(0, 0);
@@ -5624,6 +5790,12 @@ button.close {
   perspective: 1000px;
 }
 
+@media screen and (prefers-reduced-motion: reduce) {
+  .carousel-item {
+    transition: none;
+  }
+}
+
 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
@@ -5678,6 +5850,43 @@ button.close {
   }
 }
 
+.carousel-fade .carousel-item {
+  opacity: 0;
+  transition-duration: .6s;
+  transition-property: opacity;
+}
+
+.carousel-fade .carousel-item.active,
+.carousel-fade .carousel-item-next.carousel-item-left,
+.carousel-fade .carousel-item-prev.carousel-item-right {
+  opacity: 1;
+}
+
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-right {
+  opacity: 0;
+}
+
+.carousel-fade .carousel-item-next,
+.carousel-fade .carousel-item-prev,
+.carousel-fade .carousel-item.active,
+.carousel-fade .active.carousel-item-left,
+.carousel-fade .active.carousel-item-prev {
+  -webkit-transform: translateX(0);
+  transform: translateX(0);
+}
+
+@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d)) {
+  .carousel-fade .carousel-item-next,
+  .carousel-fade .carousel-item-prev,
+  .carousel-fade .carousel-item.active,
+  .carousel-fade .active.carousel-item-left,
+  .carousel-fade .active.carousel-item-prev {
+    -webkit-transform: translate3d(0, 0, 0);
+    transform: translate3d(0, 0, 0);
+  }
+}
+
 .carousel-control-prev,
 .carousel-control-next {
   position: absolute;
@@ -6295,6 +6504,31 @@ button.bg-dark:focus {
   flex-wrap: wrap-reverse !important;
 }
 
+.flex-fill {
+  -ms-flex: 1 1 auto !important;
+  flex: 1 1 auto !important;
+}
+
+.flex-grow-0 {
+  -ms-flex-positive: 0 !important;
+  flex-grow: 0 !important;
+}
+
+.flex-grow-1 {
+  -ms-flex-positive: 1 !important;
+  flex-grow: 1 !important;
+}
+
+.flex-shrink-0 {
+  -ms-flex-negative: 0 !important;
+  flex-shrink: 0 !important;
+}
+
+.flex-shrink-1 {
+  -ms-flex-negative: 1 !important;
+  flex-shrink: 1 !important;
+}
+
 .justify-content-start {
   -ms-flex-pack: start !important;
   justify-content: flex-start !important;
@@ -6434,6 +6668,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-sm-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-sm-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-sm-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-sm-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-sm-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-sm-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6553,6 +6807,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-md-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-md-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-md-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-md-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-md-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-md-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6672,6 +6946,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-lg-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-lg-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-lg-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-lg-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-lg-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-lg-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6791,6 +7085,26 @@ button.bg-dark:focus {
     -ms-flex-wrap: wrap-reverse !important;
     flex-wrap: wrap-reverse !important;
   }
+  .flex-xl-fill {
+    -ms-flex: 1 1 auto !important;
+    flex: 1 1 auto !important;
+  }
+  .flex-xl-grow-0 {
+    -ms-flex-positive: 0 !important;
+    flex-grow: 0 !important;
+  }
+  .flex-xl-grow-1 {
+    -ms-flex-positive: 1 !important;
+    flex-grow: 1 !important;
+  }
+  .flex-xl-shrink-0 {
+    -ms-flex-negative: 0 !important;
+    flex-shrink: 0 !important;
+  }
+  .flex-xl-shrink-1 {
+    -ms-flex-negative: 1 !important;
+    flex-shrink: 1 !important;
+  }
   .justify-content-xl-start {
     -ms-flex-pack: start !important;
     justify-content: flex-start !important;
@@ -6995,8 +7309,6 @@ button.bg-dark:focus {
   overflow: hidden;
   clip: rect(0, 0, 0, 0);
   white-space: nowrap;
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
   border: 0;
 }
 
@@ -7007,8 +7319,22 @@ button.bg-dark:focus {
   overflow: visible;
   clip: auto;
   white-space: normal;
-  -webkit-clip-path: none;
+}
-  clip-path: none;
+
+.shadow-sm {
+  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
+}
+
+.shadow {
+  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
+}
+
+.shadow-lg {
+  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
+}
+
+.shadow-none {
+  box-shadow: none !important;
 }
 
 .w-25 {
@@ -7027,6 +7353,10 @@ button.bg-dark:focus {
   width: 100% !important;
 }
 
+.w-auto {
+  width: auto !important;
+}
+
 .w-0 {
   width: 0 !important;
 }
@@ -7067,10 +7397,6 @@ button.bg-dark:focus {
   width: 6rem !important;
 }
 
-.w-auto {
-  width: auto !important;
-}
-
 .h-25 {
   height: 25% !important;
 }
@@ -7087,6 +7413,10 @@ button.bg-dark:focus {
   height: 100% !important;
 }
 
+.h-auto {
+  height: auto !important;
+}
+
 .h-0 {
   height: 0 !important;
 }
@@ -7127,10 +7457,6 @@ button.bg-dark:focus {
   height: 6rem !important;
 }
 
-.h-auto {
-  height: auto !important;
-}
-
 .mw-100 {
   max-width: 100% !important;
 }
@@ -9251,6 +9577,10 @@ button.bg-dark:focus {
   }
 }
 
+.text-monospace {
+  font-family: Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+}
+
 .text-justify {
   text-align: justify !important;
 }
@@ -9421,10 +9751,22 @@ a.text-dark:hover, a.text-dark:focus {
   color: #1d2124 !important;
 }
 
+.text-body {
+  color: #495057 !important;
+}
+
 .text-muted {
   color: #9aa0ac !important;
 }
 
+.text-black-50 {
+  color: rgba(0, 0, 0, 0.5) !important;
+}
+
+.text-white-50 {
+  color: rgba(255, 255, 255, 0.5) !important;
+}
+
 .text-hide {
   font: 0/0 a;
   color: transparent;
@@ -9459,7 +9801,7 @@ a.text-dark:hover, a.text-dark:focus {
   }
   pre,
   blockquote {
-    border: 1px solid #999;
+    border: 1px solid #adb5bd;
     page-break-inside: avoid;
   }
   thead {
@@ -9505,7 +9847,7 @@ a.text-dark:hover, a.text-dark:focus {
   .table-bordered th, .text-wrap table th,
   .table-bordered td,
   .text-wrap table td {
-    border: 1px solid #ddd !important;
+    border: 1px solid #dee2e6 !important;
   }
 }
 
@@ -12868,6 +13210,8 @@ a.icon:hover {
 .card-aside-column {
   min-width: 5rem;
   width: 30%;
+  -ms-flex: 0 0 30%;
+  flex: 0 0 30%;
   border-top-right-radius: 3px;
   border-bottom-right-radius: 3px;
   background: no-repeat center/cover;
@@ -12908,19 +13252,19 @@ a.icon:hover {
   align-self: center;
 }
 
-.card-options a {
+.card-options a:not(.btn) {
   margin-right: .5rem;
   color: #9aa0ac;
   display: inline-block;
   min-width: 1rem;
 }
 
-.card-options a:hover {
+.card-options a:not(.btn):hover {
   text-decoration: none;
   color: #6e7687;
 }
 
-.card-options a i {
+.card-options a:not(.btn) i {
   font-size: 1rem;
   vertical-align: middle;
 }
@@ -14622,6 +14966,16 @@ a.tag-addon:hover {
   user-select: none;
 }
 
+.carousel-item-background {
+  content: '';
+  background: rgba(0, 0, 0, 0.5);
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  bottom: 0;
+}
+
 .custom-range {
   -ms-flex-align: center;
   align-items: center;
@@ -14788,15 +15142,14 @@ a.tag-addon:hover {
   -ms-user-select: none;
   user-select: none;
   font-size: 0.9375rem;
-  line-height: 1.5;
+  line-height: 1.5rem;
   min-width: 2.375rem;
 }
 
 .selectgroup-button-icon {
   padding-right: .5rem;
   padding-left: .5rem;
-  font-size: 1.125rem;
+  font-size: 1rem;
-  line-height: 1.125rem;
 }
 
 .selectgroup-input:checked + .selectgroup-button {

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item active">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">
@@ -371,8 +372,8 @@
                   <div class="card-header">
                     <h3 class="card-title">Panel with custom buttons</h3>
                     <div class="card-options">
-                      <a class="btn btn-secondary btn-sm">Action 1</a>
+                      <a href="#" class="btn btn-primary btn-sm">Action 1</a>
-                      <a class="btn btn-secondary btn-sm ml-2">Action 2</a>
+                      <a href="#" class="btn btn-secondary btn-sm ml-2">Action 2</a>
                     </div>
                   </div>
                   <div class="card-body">

dist/carousel.html

@@ -0,0 +1,415 @@
+<!doctype html>
+<html lang="en" dir="ltr">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta http-equiv="Content-Language" content="en" />
+    <meta name="msapplication-TileColor" content="#2d89ef">
+    <meta name="theme-color" content="#4188c9">
+    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="mobile-web-app-capable" content="yes">
+    <meta name="HandheldFriendly" content="True">
+    <meta name="MobileOptimized" content="320">
+    <link rel="icon" href="./favicon.ico" type="image/x-icon"/>
+    <link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
+    <!-- Generated: 2018-04-16 09:28:16 +0200 -->
+    <title>Carousel - tabler.github.io - a responsive, flat and full featured admin template</title>
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&amp;subset=latin-ext">
+    <script src="./assets/js/require.min.js"></script>
+    <script>
+      requirejs.config({
+          baseUrl: '.'
+      });
+    </script>
+    <!-- Dashboard Core -->
+    <link href="./assets/css/dashboard.css" rel="stylesheet" />
+    <script src="./assets/js/dashboard.js"></script>
+    <!-- c3.js Charts Plugin -->
+    <link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
+    <script src="./assets/plugins/charts-c3/plugin.js"></script>
+    <!-- Google Maps Plugin -->
+    <link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
+    <script src="./assets/plugins/maps-google/plugin.js"></script>
+    <!-- Input Mask Plugin -->
+    <script src="./assets/plugins/input-mask/plugin.js"></script>
+  </head>
+  <body class="">
+    <div class="page">
+      <div class="page-main">
+        <div class="header py-4">
+          <div class="container">
+            <div class="d-flex">
+              <a class="header-brand" href="./index.html">
+                <img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
+              </a>
+              <div class="d-flex order-lg-2 ml-auto">
+                <div class="nav-item d-none d-md-flex">
+                  <a href="https://github.com/tabler/tabler" class="btn btn-sm btn-outline-primary" target="_blank">Source code</a>
+                </div>
+                <div class="dropdown d-none d-md-flex">
+                  <a class="nav-link icon" data-toggle="dropdown">
+                    <i class="fe fe-bell"></i>
+                    <span class="nav-unread"></span>
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                    <a href="#" class="dropdown-item d-flex">
+                      <span class="avatar mr-3 align-self-center" style="background-image: url(demo/faces/male/41.jpg)"></span>
+                      <div>
+                        <strong>Nathan</strong> pushed new commit: Fix page load performance issue.
+                        <div class="small text-muted">10 minutes ago</div>
+                      </div>
+                    </a>
+                    <a href="#" class="dropdown-item d-flex">
+                      <span class="avatar mr-3 align-self-center" style="background-image: url(demo/faces/female/1.jpg)"></span>
+                      <div>
+                        <strong>Alice</strong> started new task: Tabler UI design.
+                        <div class="small text-muted">1 hour ago</div>
+                      </div>
+                    </a>
+                    <a href="#" class="dropdown-item d-flex">
+                      <span class="avatar mr-3 align-self-center" style="background-image: url(demo/faces/female/18.jpg)"></span>
+                      <div>
+                        <strong>Rose</strong> deployed new version of NodeJS REST Api V3
+                        <div class="small text-muted">2 hours ago</div>
+                      </div>
+                    </a>
+                    <div class="dropdown-divider"></div>
+                    <a href="#" class="dropdown-item text-center text-muted-dark">Mark all as read</a>
+                  </div>
+                </div>
+                <div class="dropdown">
+                  <a href="#" class="nav-link pr-0 leading-none" data-toggle="dropdown">
+                    <span class="avatar" style="background-image: url(./demo/faces/female/25.jpg)"></span>
+                    <span class="ml-2 d-none d-lg-block">
+                      <span class="text-default">Jane Pearson</span>
+                      <small class="text-muted d-block mt-1">Administrator</small>
+                    </span>
+                  </a>
+                  <div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow">
+                    <a class="dropdown-item" href="#">
+                      <i class="dropdown-icon fe fe-user"></i> Profile
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <i class="dropdown-icon fe fe-settings"></i> Settings
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <span class="float-right"><span class="badge badge-primary">6</span></span>
+                      <i class="dropdown-icon fe fe-mail"></i> Inbox
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <i class="dropdown-icon fe fe-send"></i> Message
+                    </a>
+                    <div class="dropdown-divider"></div>
+                    <a class="dropdown-item" href="#">
+                      <i class="dropdown-icon fe fe-help-circle"></i> Need help?
+                    </a>
+                    <a class="dropdown-item" href="#">
+                      <i class="dropdown-icon fe fe-log-out"></i> Sign out
+                    </a>
+                  </div>
+                </div>
+              </div>
+              <a href="#" class="header-toggler d-lg-none ml-3 ml-lg-0" data-toggle="collapse" data-target="#headerMenuCollapse">
+                <span class="header-toggler-icon"></span>
+              </a>
+            </div>
+          </div>
+        </div>
+        <div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
+          <div class="container">
+            <div class="row align-items-center">
+              <div class="col-lg-3 ml-auto">
+                <form class="input-icon my-3 my-lg-0">
+                  <input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
+                  <div class="input-icon-addon">
+                    <i class="fe fe-search"></i>
+                  </div>
+                </form>
+              </div>
+              <div class="col-lg order-lg-first">
+                <ul class="nav nav-tabs border-0 flex-column flex-lg-row">
+                  <li class="nav-item">
+                    <a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="javascript:void(0)" class="nav-link" data-toggle="dropdown"><i class="fe fe-box"></i> Interface</a>
+                    <div class="dropdown-menu dropdown-menu-arrow">
+                      <a href="./cards.html" class="dropdown-item ">Cards design</a>
+                      <a href="./charts.html" class="dropdown-item ">Charts</a>
+                      <a href="./pricing-cards.html" class="dropdown-item ">Pricing cards</a>
+                    </div>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a href="javascript:void(0)" class="nav-link active" data-toggle="dropdown"><i class="fe fe-calendar"></i> Components</a>
+                    <div class="dropdown-menu dropdown-menu-arrow">
+                      <a href="./maps.html" class="dropdown-item ">Maps</a>
+                      <a href="./icons.html" class="dropdown-item ">Icons</a>
+                      <a href="./store.html" class="dropdown-item ">Store</a>
+                      <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item active">Carousel</a>
+                    </div>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a href="javascript:void(0)" class="nav-link" data-toggle="dropdown"><i class="fe fe-file"></i> Pages</a>
+                    <div class="dropdown-menu dropdown-menu-arrow">
+                      <a href="./profile.html" class="dropdown-item ">Profile</a>
+                      <a href="./login.html" class="dropdown-item ">Login</a>
+                      <a href="./register.html" class="dropdown-item ">Register</a>
+                      <a href="./forgot-password.html" class="dropdown-item ">Forgot password</a>
+                      <a href="./400.html" class="dropdown-item ">400 error</a>
+                      <a href="./401.html" class="dropdown-item ">401 error</a>
+                      <a href="./403.html" class="dropdown-item ">403 error</a>
+                      <a href="./404.html" class="dropdown-item ">404 error</a>
+                      <a href="./500.html" class="dropdown-item ">500 error</a>
+                      <a href="./503.html" class="dropdown-item ">503 error</a>
+                      <a href="./email.html" class="dropdown-item ">Email</a>
+                      <a href="./empty.html" class="dropdown-item ">Empty page</a>
+                      <a href="./rtl.html" class="dropdown-item ">RTL mode</a>
+                    </div>
+                  </li>
+                  <li class="nav-item dropdown">
+                    <a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
+                  </li>
+                  <li class="nav-item">
+                    <a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+        </div>
+        <div class="my-3 my-md-5">
+          <div class="container">
+            <div class="row">
+              <div class="col-md-6">
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Carousel</h3>
+                  </div>
+                  <div class="card-body">
+                    <div id="carousel-default" class="carousel slide" data-ride="carousel">
+                      <div class="carousel-inner">
+                        <div class="carousel-item active">
+                          <img class="d-block w-100" alt="" src="./demo/photos/adrian-infernus-281832-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/ales-krivec-107499-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/alex-bertha-316137-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/anders-jilden-307322-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/andrew-neel-141710-1500.jpg" data-holder-rendered="true">
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Carousel with indicators</h3>
+                  </div>
+                  <div class="card-body">
+                    <div id="carousel-indicators" class="carousel slide" data-ride="carousel">
+                      <ol class="carousel-indicators">
+                        <li data-target="#carousel-indicators" data-slide-to="0" class="active"></li>
+                        <li data-target="#carousel-indicators" data-slide-to="1" class=""></li>
+                        <li data-target="#carousel-indicators" data-slide-to="2" class=""></li>
+                        <li data-target="#carousel-indicators" data-slide-to="3" class=""></li>
+                        <li data-target="#carousel-indicators" data-slide-to="4" class=""></li>
+                      </ol>
+                      <div class="carousel-inner">
+                        <div class="carousel-item active">
+                          <img class="d-block w-100" alt="" src="./demo/photos/aneta-ivanova-776-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/anthony-intraversato-257182-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/artem-sapegin-229391-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/bobby-burch-145906-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/casey-horner-339165-1500.jpg" data-holder-rendered="true">
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Carousel with controls</h3>
+                  </div>
+                  <div class="card-body">
+                    <div id="carousel-controls" class="carousel slide" data-ride="carousel">
+                      <div class="carousel-inner">
+                        <div class="carousel-item active">
+                          <img class="d-block w-100" alt="" src="./demo/photos/christian-joudrey-96208-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/christoph-bengtsson-lissalde-80291-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/clarisse-meyer-122804-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/cristina-gottardi-259243-1500.jpg" data-holder-rendered="true">
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/david-klaasen-54203-1500.jpg" data-holder-rendered="true">
+                        </div>
+                      </div>
+                      <a class="carousel-control-prev" href="#carousel-controls" role="button" data-slide="prev">
+                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                        <span class="sr-only">Previous</span>
+                      </a>
+                      <a class="carousel-control-next" href="#carousel-controls" role="button" data-slide="next">
+                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                        <span class="sr-only">Next</span>
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="col-md-6">
+                <div class="card">
+                  <div class="card-header">
+                    <h3 class="card-title">Carousel with captions</h3>
+                  </div>
+                  <div class="card-body">
+                    <div id="carousel-captions" class="carousel slide" data-ride="carousel">
+                      <div class="carousel-inner">
+                        <div class="carousel-item active">
+                          <img class="d-block w-100" alt="" src="./demo/photos/david-marcu-114194-1500.jpg" data-holder-rendered="true">
+                          <div class="carousel-item-background d-none d-md-block"></div>
+                          <div class="carousel-caption d-none d-md-block">
+                            <h3>Slide label</h3>
+                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+                          </div>
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/davide-cantelli-139887-1500.jpg" data-holder-rendered="true">
+                          <div class="carousel-item-background d-none d-md-block"></div>
+                          <div class="carousel-caption d-none d-md-block">
+                            <h3>Slide label</h3>
+                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+                          </div>
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/dino-reichmuth-84359-1500.jpg" data-holder-rendered="true">
+                          <div class="carousel-item-background d-none d-md-block"></div>
+                          <div class="carousel-caption d-none d-md-block">
+                            <h3>Slide label</h3>
+                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+                          </div>
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/eberhard-grossgasteiger-311213-1500.jpg" data-holder-rendered="true">
+                          <div class="carousel-item-background d-none d-md-block"></div>
+                          <div class="carousel-caption d-none d-md-block">
+                            <h3>Slide label</h3>
+                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+                          </div>
+                        </div>
+                        <div class="carousel-item">
+                          <img class="d-block w-100" alt="" src="./demo/photos/geran-de-klerk-290418-1500.jpg" data-holder-rendered="true">
+                          <div class="carousel-item-background d-none d-md-block"></div>
+                          <div class="carousel-caption d-none d-md-block">
+                            <h3>Slide label</h3>
+                            <p>Nulla vitae elit libero, a pharetra augue mollis interdum.</p>
+                          </div>
+                        </div>
+                      </div>
+                      <a class="carousel-control-prev" href="#carousel-captions" role="button" data-slide="prev">
+                        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+                        <span class="sr-only">Previous</span>
+                      </a>
+                      <a class="carousel-control-next" href="#carousel-captions" role="button" data-slide="next">
+                        <span class="carousel-control-next-icon" aria-hidden="true"></span>
+                        <span class="sr-only">Next</span>
+                      </a>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="footer">
+        <div class="container">
+          <div class="row">
+            <div class="col-lg-8">
+              <div class="row">
+                <div class="col-6 col-md-3">
+                  <ul class="list-unstyled mb-0">
+                    <li><a href="#">First link</a></li>
+                    <li><a href="#">Second link</a></li>
+                  </ul>
+                </div>
+                <div class="col-6 col-md-3">
+                  <ul class="list-unstyled mb-0">
+                    <li><a href="#">Third link</a></li>
+                    <li><a href="#">Fourth link</a></li>
+                  </ul>
+                </div>
+                <div class="col-6 col-md-3">
+                  <ul class="list-unstyled mb-0">
+                    <li><a href="#">Fifth link</a></li>
+                    <li><a href="#">Sixth link</a></li>
+                  </ul>
+                </div>
+                <div class="col-6 col-md-3">
+                  <ul class="list-unstyled mb-0">
+                    <li><a href="#">Other link</a></li>
+                    <li><a href="#">Last link</a></li>
+                  </ul>
+                </div>
+              </div>
+            </div>
+            <div class="col-lg-4 mt-4 mt-lg-0">
+              Premium and Open Source dashboard template with responsive and high quality UI. For Free!
+            </div>
+          </div>
+        </div>
+      </div>
+      <footer class="footer">
+        <div class="container">
+          <div class="row align-items-center flex-row-reverse">
+            <div class="col-auto ml-lg-auto">
+              <div class="row align-items-center">
+                <div class="col-auto">
+                  <ul class="list-inline list-inline-dots mb-0">
+                    <li class="list-inline-item"><a href="./docs/index.html">Documentation</a></li>
+                    <li class="list-inline-item"><a href="./faq.html">FAQ</a></li>
+                  </ul>
+                </div>
+                <div class="col-auto">
+                  <a href="https://github.com/tabler/tabler" class="btn btn-outline-primary btn-sm">Source code</a>
+                </div>
+              </div>
+            </div>
+            <div class="col-12 col-lg-auto mt-3 mt-lg-0 text-center">
+              Copyright © 2018 <a href=".">Tabler</a>. Theme by <a href="https://codecalm.net" target="_blank">codecalm.net</a> All rights reserved.
+            </div>
+          </div>
+        </div>
+      </footer>
+    </div>
+  </body>
+</html>

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">
@@ -252,8 +253,8 @@
                             <div class="card-header">
                               <h3 class="card-title">Card title</h3>
                               <div class="card-options">
-                                <a class="btn btn-secondary btn-sm">Action 1</a>
+                                <a href="#" class="btn btn-primary btn-sm">Action 1</a>
-                                <a class="btn btn-secondary btn-sm ml-2">Action 2</a>
+                                <a href="#" class="btn btn-secondary btn-sm ml-2">Action 2</a>
                               </div>
                             </div>
                             <div class="card-body">
@@ -270,8 +271,8 @@
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">&gt;</span>
     <span class="nt">&lt;h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">&gt;</span>Card title<span class="nt">&lt;/h3&gt;</span>
     <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-options"</span><span class="nt">&gt;</span>
-        <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-sm"</span><span class="nt">&gt;</span>Action 1<span class="nt">&lt;/a&gt;</span>
+        <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-primary btn-sm"</span><span class="nt">&gt;</span>Action 1<span class="nt">&lt;/a&gt;</span>
-        <span class="nt">&lt;a</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-sm ml-2"</span><span class="nt">&gt;</span>Action 2<span class="nt">&lt;/a&gt;</span>
+        <span class="nt">&lt;a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"btn btn-secondary btn-sm ml-2"</span><span class="nt">&gt;</span>Action 2<span class="nt">&lt;/a&gt;</span>
     <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;/div&gt;</span>
   <span class="nt">&lt;div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">&gt;</span>

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="../icons.html" class="dropdown-item ">Icons</a>
                       <a href="../store.html" class="dropdown-item ">Store</a>
                       <a href="../blog.html" class="dropdown-item ">Blog</a>
+                      <a href="../carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">
@@ -505,15 +506,23 @@
                         </div>
                       </div>
                       <div class="form-group">
-                        <label class="form-label">Icons input</label>
+                        <label class="form-label">Icon input</label>
                         <div class="selectgroup selectgroup-pills">
                           <label class="selectgroup-item">
                             <input type="radio" name="icon-input" value="1" class="selectgroup-input" checked="">
-                            <span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-male"></i></span>
+                            <span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-sun"></i></span>
                           </label>
                           <label class="selectgroup-item">
                             <input type="radio" name="icon-input" value="2" class="selectgroup-input">
-                            <span class="selectgroup-button selectgroup-button-icon"><i class="fa fa-female"></i></span>
+                            <span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-moon"></i></span>
+                          </label>
+                          <label class="selectgroup-item">
+                            <input type="radio" name="icon-input" value="3" class="selectgroup-input">
+                            <span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-cloud-rain"></i></span>
+                          </label>
+                          <label class="selectgroup-item">
+                            <input type="radio" name="icon-input" value="4" class="selectgroup-input">
+                            <span class="selectgroup-button selectgroup-button-icon"><i class="fe fe-cloud"></i></span>
                           </label>
                         </div>
                       </div>

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">
@@ -207,7 +208,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/grant-ritchie-338179-500.jpg" alt="Photo by Nathan Guerrero" class="rounded">
+                    <img src="./demo/photos/grant-ritchie-338179-500.jpg" alt="Photo by Nathan Guerrero" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/41.jpg)"></div>
@@ -225,7 +226,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/ilnur-kalimullin-218996-500.jpg" alt="Photo by Alice Mason" class="rounded">
+                    <img src="./demo/photos/ilnur-kalimullin-218996-500.jpg" alt="Photo by Alice Mason" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/1.jpg)"></div>
@@ -243,7 +244,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/jakob-owens-224352-500.jpg" alt="Photo by Rose Bradley" class="rounded">
+                    <img src="./demo/photos/jakob-owens-224352-500.jpg" alt="Photo by Rose Bradley" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/18.jpg)"></div>
@@ -261,7 +262,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/jeremy-bishop-330225-500.jpg" alt="Photo by Peter Richards" class="rounded">
+                    <img src="./demo/photos/jeremy-bishop-330225-500.jpg" alt="Photo by Peter Richards" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/16.jpg)"></div>
@@ -279,7 +280,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/jonatan-pie-226191-500.jpg" alt="Photo by Wayne Holland" class="rounded">
+                    <img src="./demo/photos/jonatan-pie-226191-500.jpg" alt="Photo by Wayne Holland" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/26.jpg)"></div>
@@ -297,7 +298,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/josh-calabrese-66153-500.jpg" alt="Photo by Michelle Ross" class="rounded">
+                    <img src="./demo/photos/josh-calabrese-66153-500.jpg" alt="Photo by Michelle Ross" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/7.jpg)"></div>
@@ -315,7 +316,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/joshua-earle-157231-500.jpg" alt="Photo by Debra Beck" class="rounded">
+                    <img src="./demo/photos/joshua-earle-157231-500.jpg" alt="Photo by Debra Beck" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/17.jpg)"></div>
@@ -333,7 +334,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/mahkeo-222765-500.jpg" alt="Photo by Phillip Peters" class="rounded">
+                    <img src="./demo/photos/mahkeo-222765-500.jpg" alt="Photo by Phillip Peters" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/30.jpg)"></div>
@@ -351,7 +352,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/matt-barrett-339981-500.jpg" alt="Photo by Jack Ruiz" class="rounded">
+                    <img src="./demo/photos/matt-barrett-339981-500.jpg" alt="Photo by Jack Ruiz" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/32.jpg)"></div>
@@ -369,7 +370,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/nathan-anderson-297460-500.jpg" alt="Photo by Ronald Bradley" class="rounded">
+                    <img src="./demo/photos/nathan-anderson-297460-500.jpg" alt="Photo by Ronald Bradley" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/9.jpg)"></div>
@@ -387,7 +388,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/nathan-anderson-316188-500.jpg" alt="Photo by Kathleen Harper" class="rounded">
+                    <img src="./demo/photos/nathan-anderson-316188-500.jpg" alt="Photo by Kathleen Harper" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/female/8.jpg)"></div>
@@ -405,7 +406,7 @@
               <div class="col-sm-6 col-lg-4">
                 <div class="card p-3">
                   <a href="javascript:void(0)" class="mb-3">
-                    <img src="demo/photos/nathan-dumlao-287713-500.jpg" alt="Photo by Bobby Knight" class="rounded">
+                    <img src="./demo/photos/nathan-dumlao-287713-500.jpg" alt="Photo by Bobby Knight" class="rounded">
                   </a>
                   <div class="d-flex align-items-center px-2">
                     <div class="avatar avatar-md mr-3" style="background-image: url(demo/faces/male/4.jpg)"></div>

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item active">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">
@@ -488,7 +489,7 @@
                       });
                     </script>
                   </div>
-                  <div class="col-sm-4">
+                  <div class="col-sm-6">
                     <div class="card">
                       <div class="card-body text-center">
                         <div class="h5">New feedback</div>
@@ -499,7 +500,7 @@
                       </div>
                     </div>
                   </div>
-                  <div class="col-sm-4">
+                  <div class="col-sm-6">
                     <div class="card">
                       <div class="card-body text-center">
                         <div class="h5">Today profit</div>
@@ -510,17 +511,6 @@
                       </div>
                     </div>
                   </div>
-                  <div class="col-sm-4">
-                    <div class="card">
-                      <div class="card-body text-center">
-                        <div class="h5">Users online</div>
-                        <div class="display-4 font-weight-bold mb-4">76</div>
-                        <div class="progress progress-sm">
-                          <div class="progress-bar bg-yellow" style="width: 34%"></div>
-                        </div>
-                      </div>
-                    </div>
-                  </div>
                 </div>
               </div>
               <div class="col-sm-6 col-lg-3">
@@ -642,7 +632,7 @@
                           <td>
                             <div>Elizabeth Martin</div>
                             <div class="small text-muted">
-                              Registered: Mar 9, 2018
+                              Registered: Mar 19, 2018
                             </div>
                           </td>
                           <td>
@@ -693,7 +683,7 @@
                           <td>
                             <div>Michelle Schultz</div>
                             <div class="small text-muted">
-                              Registered: Feb 21, 2018
+                              Registered: Mar 2, 2018
                             </div>
                           </td>
                           <td>
@@ -744,7 +734,7 @@
                           <td>
                             <div>Crystal Austin</div>
                             <div class="small text-muted">
-                              Registered: Mar 28, 2018
+                              Registered: Apr 7, 2018
                             </div>
                           </td>
                           <td>
@@ -795,7 +785,7 @@
                           <td>
                             <div>Douglas Ray</div>
                             <div class="small text-muted">
-                              Registered: Jan 6, 2018
+                              Registered: Jan 15, 2018
                             </div>
                           </td>
                           <td>
@@ -846,7 +836,7 @@
                           <td>
                             <div>Teresa Reyes</div>
                             <div class="small text-muted">
-                              Registered: Feb 23, 2018
+                              Registered: Mar 4, 2018
                             </div>
                           </td>
                           <td>
@@ -897,7 +887,7 @@
                           <td>
                             <div>Emma Wade</div>
                             <div class="small text-muted">
-                              Registered: Mar 10, 2018
+                              Registered: Mar 20, 2018
                             </div>
                           </td>
                           <td>
@@ -948,7 +938,7 @@
                           <td>
                             <div>Carol Henderson</div>
                             <div class="small text-muted">
-                              Registered: Feb 12, 2018
+                              Registered: Feb 22, 2018
                             </div>
                           </td>
                           <td>
@@ -999,7 +989,7 @@
                           <td>
                             <div>Christopher Harvey</div>
                             <div class="small text-muted">
-                              Registered: Jan 12, 2018
+                              Registered: Jan 22, 2018
                             </div>
                           </td>
                           <td>

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">
@@ -191,7 +192,7 @@
               </h1>
             </div>
             <div class="row">
-              <div class="col-3">
+              <div class="col-sm-6 col-lg-3">
                 <div class="card">
                   <div class="card-body text-center">
                     <div class="card-category">Free</div>
@@ -209,7 +210,7 @@
                   </div>
                 </div>
               </div>
-              <div class="col-3">
+              <div class="col-sm-6 col-lg-3">
                 <div class="card">
                   <div class="card-status bg-green"></div>
                   <div class="card-body text-center">
@@ -228,7 +229,7 @@
                   </div>
                 </div>
               </div>
-              <div class="col-3">
+              <div class="col-sm-6 col-lg-3">
                 <div class="card">
                   <div class="card-body text-center">
                     <div class="card-category">Enterprise</div>
@@ -246,7 +247,7 @@
                   </div>
                 </div>
               </div>
-              <div class="col-3">
+              <div class="col-sm-6 col-lg-3">
                 <div class="card">
                   <div class="card-body text-center">
                     <div class="card-category">Unlimited</div>

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">

dist/rtl.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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +0200 -->
     <title>RTL mode - 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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item active">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">

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-04-06 16:27:42 +0200 -->
+    <!-- Generated: 2018-04-16 09:28:16 +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">
@@ -149,6 +149,7 @@
                       <a href="./icons.html" class="dropdown-item ">Icons</a>
                       <a href="./store.html" class="dropdown-item ">Store</a>
                       <a href="./blog.html" class="dropdown-item ">Blog</a>
+                      <a href="./carousel.html" class="dropdown-item ">Carousel</a>
                     </div>
                   </li>
                   <li class="nav-item dropdown">