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

version 0.0.30

This commit is contained in:
chomik
2018-04-06 16:27:45 +02:00
parent cdd8b7e2e3
commit 75f0f760a6
59 changed files with 1812 additions and 17184 deletions

View File

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

2
dist/400.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

2
dist/401.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

2
dist/403.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

2
dist/404.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

2
dist/500.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

2
dist/503.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

View File

@@ -238,7 +238,7 @@ th {
label {
display: inline-block;
margin-bottom: 0.5rem;
margin-bottom: .5rem;
}
button {
@@ -1575,13 +1575,6 @@ 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);
}
@@ -1925,7 +1918,6 @@ 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;
@@ -2278,8 +2270,7 @@ 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 .custom-select {
.form-inline .input-group {
width: auto;
}
.form-inline .form-check {
@@ -3158,12 +3149,6 @@ 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;
@@ -3357,13 +3342,13 @@ tbody.collapse.show {
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
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::after {
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@@ -3679,121 +3664,6 @@ 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;
@@ -4579,26 +4449,6 @@ 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;
@@ -4651,7 +4501,6 @@ tbody.collapse.show {
}
.page-link:hover {
z-index: 2;
color: #295a9f;
text-decoration: none;
background-color: #e9ecef;
@@ -5037,7 +4886,6 @@ tbody.collapse.show {
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #467fcf;
transition: width 0.6s ease;
}
@@ -5060,8 +4908,8 @@ tbody.collapse.show {
}
.media-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex: 1;
flex: 1;
}
.list-group {
@@ -5830,43 +5678,6 @@ 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;
@@ -6484,11 +6295,6 @@ button.bg-dark:focus {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6628,10 +6434,6 @@ 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;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6751,10 +6553,6 @@ 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;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6874,10 +6672,6 @@ 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;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6997,10 +6791,6 @@ 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;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -7205,6 +6995,8 @@ 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;
}
@@ -7215,6 +7007,8 @@ button.bg-dark:focus {
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
@@ -7233,10 +7027,6 @@ button.bg-dark:focus {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.w-0 {
width: 0 !important;
}
@@ -7277,6 +7067,10 @@ button.bg-dark:focus {
width: 6rem !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
@@ -7293,10 +7087,6 @@ button.bg-dark:focus {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.h-0 {
height: 0 !important;
}
@@ -7337,6 +7127,10 @@ button.bg-dark:focus {
height: 6rem !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
@@ -9716,17 +9510,11 @@ a.text-dark:hover, a.text-dark:focus {
}
html {
font-size: 15px;
font-size: 16px;
height: 100%;
direction: ltr;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
body {
direction: ltr;
-webkit-font-smoothing: antialiased;
@@ -10141,8 +9929,8 @@ body.fixed-header .page {
}
.header {
padding-top: 1rem;
padding-bottom: 1rem;
padding-top: .75rem;
padding-bottom: .75rem;
background: #fff;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
@@ -10161,32 +9949,6 @@ body.fixed-header .header {
}
}
.header .nav-link,
.header .nav-item {
padding: 0 .75rem;
min-width: 2rem;
transition: .3s color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header .nav-link .badge,
.header .nav-item .badge {
position: absolute;
top: 0;
right: 0;
padding: .2rem .25rem;
min-width: 1rem;
}
.header .dropdown-menu {
margin-top: .75rem;
}
@@ -10201,7 +9963,7 @@ body.fixed-header .header {
border-radius: 50%;
}
.navbar-brand {
.header-brand {
color: inherit;
margin-right: 1rem;
font-size: 1.25rem;
@@ -10212,13 +9974,13 @@ body.fixed-header .header {
line-height: 2rem;
}
.navbar-brand:hover {
.header-brand:hover {
opacity: .8;
color: inherit;
text-decoration: none;
}
.navbar-brand-img {
.header-brand-img {
height: 2rem;
line-height: 2rem;
vertical-align: bottom;
@@ -10234,48 +9996,6 @@ body.fixed-header .header {
border-radius: 50%;
}
.header-overlay {
position: fixed;
top: 4.5rem;
right: 0;
bottom: 0;
left: 0;
background: rgba(26, 54, 80, 0.1);
visibility: hidden;
opacity: 0;
z-index: 900;
transition: .6s opacity, .6s visibility;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.dropdown-menu.show + .header-overlay {
visibility: visible;
opacity: 1;
}
.header-nav {
background: #fff;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
color: #9aa0ac;
-ms-flex-align: center;
align-items: center;
}
@media print {
.header-nav {
display: none;
}
}
.header-nav .nav-tabs {
border: 0;
}
.header-nav .nav-tabs .nav-item + .nav-item {
margin-left: 1.5rem;
}
.header-btn {
display: inline-block;
width: 2rem;
@@ -10300,6 +10020,30 @@ body.fixed-header .header {
border-radius: 50%;
}
.header-toggler {
width: 2rem;
height: 2rem;
position: relative;
color: #9aa0ac;
}
.header-toggler:hover {
color: #6e7687;
}
.header-toggler-icon {
position: absolute;
width: 1rem;
height: 2px;
color: inherit;
background: currentColor;
border-radius: 3px;
top: 50%;
left: 50%;
margin: -2px 0 0 -.5rem;
box-shadow: 0 5px currentColor, 0 -5px currentColor;
}
.footer {
background: #fff;
border-top: 1px solid rgba(0, 40, 100, 0.12);
@@ -11509,11 +11253,38 @@ a.icon:hover {
box-shadow: none !important;
}
.nav-link,
.nav-item {
padding: 0 .75rem;
min-width: 2rem;
transition: .3s color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.nav-link .badge,
.nav-item .badge {
position: absolute;
top: 0;
right: 0;
padding: .2rem .25rem;
min-width: 1rem;
}
.nav-tabs {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #9aa0ac;
margin: 0 -.75rem;
}
.nav-tabs .nav-link {
@@ -11526,17 +11297,17 @@ a.icon:hover {
padding: 1rem 0;
}
.nav-tabs .nav-link:hover:not(.disabled) {
border-color: #6e7687;
color: #6e7687;
}
.nav-tabs .nav-link.active {
border-color: #467fcf;
color: #467fcf;
background: transparent;
}
.nav-tabs .nav-link:hover:not(.disabled) {
border-color: #6e7687;
color: #6e7687;
}
.nav-tabs .nav-link.disabled {
opacity: .4;
cursor: default;
@@ -11557,10 +11328,6 @@ a.icon:hover {
display: inline-block;
}
.nav-tabs .nav-item + .nav-item {
margin-left: 1.25rem;
}
.nav-tabs .nav-item:hover .nav-submenu {
display: block;
}
@@ -11596,11 +11363,6 @@ a.icon:hover {
background: rgba(0, 0, 0, 0.024);
}
.nav-link {
display: block;
padding: 0.25rem 0.75rem;
}
.btn {
cursor: pointer;
font-weight: 600;
@@ -13330,10 +13092,14 @@ Card alert
min-width: 12rem;
}
.dropdown-item {
color: #6e7687;
}
.dropdown-menu-arrow:before {
position: absolute;
top: -6px;
right: 12px;
left: 12px;
display: inline-block;
border-right: 5px solid transparent;
border-bottom: 5px solid rgba(0, 40, 100, 0.12);
@@ -13345,7 +13111,7 @@ Card alert
.dropdown-menu-arrow:after {
position: absolute;
top: -5px;
right: 12px;
left: 12px;
display: inline-block;
border-right: 5px solid transparent;
border-bottom: 5px solid #fff;
@@ -13353,6 +13119,11 @@ Card alert
content: '';
}
.dropdown-menu-arrow.dropdown-menu-right:before, .dropdown-menu-arrow.dropdown-menu-right:after {
left: auto;
right: 12px;
}
.dropdown-toggle {
-webkit-user-select: none;
-moz-user-select: none;
@@ -14341,7 +14112,6 @@ a.chip:hover {
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px 3px 0 0;
font-size: 0.9375rem;
overflow: hidden;
}
.example-bg {

View File

@@ -238,7 +238,7 @@ th {
label {
display: inline-block;
margin-bottom: 0.5rem;
margin-bottom: .5rem;
}
button {
@@ -1534,7 +1534,8 @@ pre code {
}
.table th, .text-wrap table th,
.table td, .text-wrap table td {
.table td,
.text-wrap table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #dee2e6;
@@ -1563,22 +1564,17 @@ pre code {
}
.table-bordered th, .text-wrap table th,
.table-bordered td, .text-wrap table td {
.table-bordered td,
.text-wrap table td {
border: 1px solid #dee2e6;
}
.table-bordered thead th, .text-wrap table thead th,
.table-bordered thead td, .text-wrap table thead td {
.table-bordered thead td,
.text-wrap table thead td {
border-bottom-width: 2px;
}
.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);
}
@@ -1922,7 +1918,6 @@ 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;
@@ -2275,8 +2270,7 @@ 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 .custom-select {
.form-inline .input-group {
width: auto;
}
.form-inline .form-check {
@@ -3155,12 +3149,6 @@ 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;
@@ -3354,13 +3342,13 @@ tbody.collapse.show {
}
.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
.input-group > .custom-file:not(:last-child) .custom-file-label::before {
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::after {
.input-group > .custom-file:not(:first-child) .custom-file-label::before {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
@@ -3676,121 +3664,6 @@ 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;
@@ -4576,26 +4449,6 @@ 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;
@@ -4648,7 +4501,6 @@ tbody.collapse.show {
}
.page-link:hover {
z-index: 2;
color: #295a9f;
text-decoration: none;
background-color: #e9ecef;
@@ -5034,7 +4886,6 @@ tbody.collapse.show {
justify-content: center;
color: #fff;
text-align: center;
white-space: nowrap;
background-color: #467fcf;
transition: width 0.6s ease;
}
@@ -5057,8 +4908,8 @@ tbody.collapse.show {
}
.media-body {
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex: 1;
flex: 1;
}
.list-group {
@@ -5616,7 +5467,8 @@ button.close {
}
.bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
border-width: 0.5rem 0.25rem 0;
}
@@ -5625,7 +5477,9 @@ button.close {
border-top-color: #dee3eb;
}
.bs-popover-top .arrow::after, .bs-popover-auto[x-placement^="top"] .arrow::after {
.bs-popover-top .arrow::after,
.bs-popover-auto[x-placement^="top"] .arrow::after {
bottom: 1px;
border-top-color: #fff;
}
@@ -5642,7 +5496,8 @@ button.close {
}
.bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
border-width: 0.25rem 0 0.25rem 0.5rem;
}
@@ -5651,7 +5506,9 @@ button.close {
border-left-color: #dee3eb;
}
.bs-popover-right .arrow::after, .bs-popover-auto[x-placement^="right"] .arrow::after {
.bs-popover-right .arrow::after,
.bs-popover-auto[x-placement^="right"] .arrow::after {
right: 1px;
border-left-color: #fff;
}
@@ -5665,7 +5522,8 @@ button.close {
}
.bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
border-width: 0 0.25rem 0.5rem 0.25rem;
}
@@ -5674,7 +5532,9 @@ button.close {
border-bottom-color: #dee3eb;
}
.bs-popover-bottom .arrow::after, .bs-popover-auto[x-placement^="bottom"] .arrow::after {
.bs-popover-bottom .arrow::after,
.bs-popover-auto[x-placement^="bottom"] .arrow::after {
top: 1px;
border-bottom-color: #fff;
}
@@ -5702,7 +5562,8 @@ button.close {
}
.bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
border-width: 0.25rem 0.5rem 0.25rem 0;
}
@@ -5711,7 +5572,9 @@ button.close {
border-right-color: #dee3eb;
}
.bs-popover-left .arrow::after, .bs-popover-auto[x-placement^="left"] .arrow::after {
.bs-popover-left .arrow::after,
.bs-popover-auto[x-placement^="left"] .arrow::after {
left: 1px;
border-right-color: #fff;
}
@@ -5815,43 +5678,6 @@ 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;
@@ -6469,11 +6295,6 @@ button.bg-dark:focus {
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6613,10 +6434,6 @@ 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;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6736,10 +6553,6 @@ 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;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6859,10 +6672,6 @@ 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;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -6982,10 +6791,6 @@ 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;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
@@ -7190,6 +6995,8 @@ 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;
}
@@ -7200,6 +7007,8 @@ button.bg-dark:focus {
overflow: visible;
clip: auto;
white-space: normal;
-webkit-clip-path: none;
clip-path: none;
}
.w-25 {
@@ -7218,10 +7027,6 @@ button.bg-dark:focus {
width: 100% !important;
}
.w-auto {
width: auto !important;
}
.w-0 {
width: 0 !important;
}
@@ -7262,6 +7067,10 @@ button.bg-dark:focus {
width: 6rem !important;
}
.w-auto {
width: auto !important;
}
.h-25 {
height: 25% !important;
}
@@ -7278,10 +7087,6 @@ button.bg-dark:focus {
height: 100% !important;
}
.h-auto {
height: auto !important;
}
.h-0 {
height: 0 !important;
}
@@ -7322,6 +7127,10 @@ button.bg-dark:focus {
height: 6rem !important;
}
.h-auto {
height: auto !important;
}
.mw-100 {
max-width: 100% !important;
}
@@ -9688,28 +9497,24 @@ a.text-dark:hover, a.text-dark:focus {
.table, .text-wrap table {
border-collapse: collapse !important;
}
.table td, .text-wrap table td,
.table th, .text-wrap table th {
.table td,
.text-wrap table td, .table th, .text-wrap table th {
background-color: #fff !important;
}
.table-bordered th, .text-wrap table th,
.table-bordered td, .text-wrap table td {
.table-bordered td,
.text-wrap table td {
border: 1px solid #ddd !important;
}
}
html {
font-size: 15px;
font-size: 16px;
height: 100%;
direction: rtl;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
body {
direction: rtl;
-webkit-font-smoothing: antialiased;
@@ -10124,8 +9929,8 @@ body.fixed-header .page {
}
.header {
padding-top: 1rem;
padding-bottom: 1rem;
padding-top: .75rem;
padding-bottom: .75rem;
background: #fff;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
}
@@ -10144,32 +9949,6 @@ body.fixed-header .header {
}
}
.header .nav-link,
.header .nav-item {
padding: 0 .75rem;
min-width: 2rem;
transition: .3s color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
line-height: 1;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.header .nav-link .badge,
.header .nav-item .badge {
position: absolute;
top: 0;
left: 0;
padding: .2rem .25rem;
min-width: 1rem;
}
.header .dropdown-menu {
margin-top: .75rem;
}
@@ -10184,7 +9963,7 @@ body.fixed-header .header {
border-radius: 50%;
}
.navbar-brand {
.header-brand {
color: inherit;
margin-left: 1rem;
font-size: 1.25rem;
@@ -10195,13 +9974,13 @@ body.fixed-header .header {
line-height: 2rem;
}
.navbar-brand:hover {
.header-brand:hover {
opacity: .8;
color: inherit;
text-decoration: none;
}
.navbar-brand-img {
.header-brand-img {
height: 2rem;
line-height: 2rem;
vertical-align: bottom;
@@ -10217,48 +9996,6 @@ body.fixed-header .header {
border-radius: 50%;
}
.header-overlay {
position: fixed;
top: 4.5rem;
left: 0;
bottom: 0;
right: 0;
background: rgba(26, 54, 80, 0.1);
visibility: hidden;
opacity: 0;
z-index: 900;
transition: .6s opacity, .6s visibility;
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
}
.dropdown-menu.show + .header-overlay {
visibility: visible;
opacity: 1;
}
.header-nav {
background: #fff;
border-bottom: 1px solid rgba(0, 40, 100, 0.12);
color: #9aa0ac;
-ms-flex-align: center;
align-items: center;
}
@media print {
.header-nav {
display: none;
}
}
.header-nav .nav-tabs {
border: 0;
}
.header-nav .nav-tabs .nav-item + .nav-item {
margin-right: 1.5rem;
}
.header-btn {
display: inline-block;
width: 2rem;
@@ -10283,6 +10020,30 @@ body.fixed-header .header {
border-radius: 50%;
}
.header-toggler {
width: 2rem;
height: 2rem;
position: relative;
color: #9aa0ac;
}
.header-toggler:hover {
color: #6e7687;
}
.header-toggler-icon {
position: absolute;
width: 1rem;
height: 2px;
color: inherit;
background: currentColor;
border-radius: 3px;
top: 50%;
right: 50%;
margin: -2px -.5rem 0 0;
box-shadow: 0 5px currentColor, 0 -5px currentColor;
}
.footer {
background: #fff;
border-top: 1px solid rgba(0, 40, 100, 0.12);
@@ -11492,11 +11253,38 @@ a.icon:hover {
box-shadow: none !important;
}
.nav-link,
.nav-item {
padding: 0 .75rem;
min-width: 2rem;
transition: .3s color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.nav-link .badge,
.nav-item .badge {
position: absolute;
top: 0;
left: 0;
padding: .2rem .25rem;
min-width: 1rem;
}
.nav-tabs {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #9aa0ac;
margin: 0 -.75rem;
}
.nav-tabs .nav-link {
@@ -11509,17 +11297,17 @@ a.icon:hover {
padding: 1rem 0;
}
.nav-tabs .nav-link:hover:not(.disabled) {
border-color: #6e7687;
color: #6e7687;
}
.nav-tabs .nav-link.active {
border-color: #467fcf;
color: #467fcf;
background: transparent;
}
.nav-tabs .nav-link:hover:not(.disabled) {
border-color: #6e7687;
color: #6e7687;
}
.nav-tabs .nav-link.disabled {
opacity: .4;
cursor: default;
@@ -11540,10 +11328,6 @@ a.icon:hover {
display: inline-block;
}
.nav-tabs .nav-item + .nav-item {
margin-right: 1.25rem;
}
.nav-tabs .nav-item:hover .nav-submenu {
display: block;
}
@@ -11579,11 +11363,6 @@ a.icon:hover {
background: rgba(0, 0, 0, 0.024);
}
.nav-link {
display: block;
padding: 0.25rem 0.75rem;
}
.btn {
cursor: pointer;
font-weight: 600;
@@ -13313,10 +13092,14 @@ Card alert
min-width: 12rem;
}
.dropdown-item {
color: #6e7687;
}
.dropdown-menu-arrow:before {
position: absolute;
top: -6px;
left: 12px;
right: 12px;
display: inline-block;
border-left: 5px solid transparent;
border-bottom: 5px solid rgba(0, 40, 100, 0.12);
@@ -13328,7 +13111,7 @@ Card alert
.dropdown-menu-arrow:after {
position: absolute;
top: -5px;
left: 12px;
right: 12px;
display: inline-block;
border-left: 5px solid transparent;
border-bottom: 5px solid #fff;
@@ -13336,6 +13119,11 @@ Card alert
content: '';
}
.dropdown-menu-arrow.dropdown-menu-right:before, .dropdown-menu-arrow.dropdown-menu-right:after {
right: auto;
left: 12px;
}
.dropdown-toggle {
-webkit-user-select: none;
-moz-user-select: none;
@@ -14324,7 +14112,6 @@ a.chip:hover {
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px 3px 0 0;
font-size: 0.9375rem;
overflow: hidden;
}
.example-bg {

View File

@@ -1,8 +1,4 @@
/*-- Chart --*/
.c3 {
overflow: hidden;
}
.c3 svg {
font: 10px sans-serif;
-webkit-tap-highlight-color: transparent;

View File

@@ -1,224 +0,0 @@
/*-- Chart --*/
.c3 svg {
font: 10px sans-serif;
-webkit-tap-highlight-color: transparent;
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
}
.c3 path,
.c3 line {
fill: none;
stroke: rgba(0, 40, 100, 0.12);
}
.c3 text {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
font-size: px2rem(12px);
}
.c3-legend-item-tile,
.c3-xgrid-focus,
.c3-ygrid,
.c3-event-rect,
.c3-bars path {
shape-rendering: crispEdges;
}
.c3-chart-arc path {
stroke: #fff;
}
.c3-chart-arc text {
fill: #fff;
font-size: 13px;
}
/*-- Axis --*/
/*-- Grid --*/
.c3-grid line {
stroke: #f0f0f0;
}
.c3-grid text {
fill: #aaa;
}
.c3-xgrid,
.c3-ygrid {
stroke: #e6e6e6;
stroke-dasharray: 2 4;
}
/*-- Text on Chart --*/
.c3-text {
font-size: 12px;
}
.c3-text.c3-empty {
fill: #808080;
font-size: 2em;
}
/*-- Line --*/
.c3-line {
stroke-width: 2px;
}
/*-- Point --*/
.c3-circle._expanded_ {
stroke-width: 2px;
stroke: white;
}
.c3-selected-circle {
fill: white;
stroke-width: 1.5px;
}
/*-- Bar --*/
.c3-bar {
stroke-width: 0;
}
.c3-bar._expanded_ {
fill-opacity: 1;
fill-opacity: 0.75;
}
/*-- Focus --*/
.c3-target.c3-focused {
opacity: 1;
}
.c3-target.c3-focused path.c3-line, .c3-target.c3-focused path.c3-step {
stroke-width: 2px;
}
.c3-target.c3-defocused {
opacity: 0.3 !important;
}
/*-- Region --*/
.c3-region {
fill: steelblue;
fill-opacity: .1;
}
/*-- Brush --*/
.c3-brush .extent {
fill-opacity: .1;
}
/*-- Select - Drag --*/
/*-- Legend --*/
.c3-legend-item text {
fill: #545454;
font-size: 14px;
}
.c3-legend-item-hidden {
opacity: 0.15;
}
.c3-legend-background {
opacity: 0.75;
fill: white;
stroke: lightgray;
stroke-width: 1;
}
/*-- Title --*/
.c3-title {
font: 14px sans-serif;
}
/*-- Tooltip --*/
.c3-tooltip-container {
z-index: 10;
}
.c3-tooltip {
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
font-size: 11px;
line-height: 1;
font-weight: 700;
color: #fff;
border-radius: 3px;
background: #212529;
white-space: nowrap;
}
.c3-tooltip th {
padding: 6px 6px;
text-align: left;
}
.c3-tooltip td {
padding: 4px 6px;
font-weight: 400;
}
.c3-tooltip td > span {
display: inline-block;
width: 8px;
height: 8px;
margin-right: 8px;
border-radius: 50%;
vertical-align: baseline;
}
.c3-tooltip td.value {
text-align: right;
}
/*-- Area --*/
.c3-area {
stroke-width: 0;
opacity: 0.1;
}
/*-- Arc --*/
.c3-chart-arcs-title {
dominant-baseline: middle;
font-size: 1.3em;
}
.c3-chart-arcs .c3-chart-arcs-background {
fill: #e0e0e0;
stroke: none;
}
.c3-chart-arcs .c3-chart-arcs-gauge-unit {
fill: #000;
font-size: 16px;
}
.c3-chart-arcs .c3-chart-arcs-gauge-max {
fill: #777;
}
.c3-chart-arcs .c3-chart-arcs-gauge-min {
fill: #777;
}
.c3-chart-arc .c3-gauge-value {
fill: #000;
/* font-size: 28px !important;*/
}
.c3-chart-arc.c3-target g path {
opacity: 1;
}
.c3-chart-arc.c3-target.c3-focused g path {
opacity: 1;
}
.c3-axis {
fill: #868e96;
}

View File

@@ -1,2 +0,0 @@
@import '../../scss/variables';
@import 'scss/c3';

File diff suppressed because it is too large Load Diff

View File

@@ -1,2 +0,0 @@
@import '../../scss/variables';
@import 'scss/fullcalendar';

File diff suppressed because it is too large Load Diff

View File

@@ -1,4 +0,0 @@
@import 'scss/themify';
@import 'scss/weathericons';
@import 'scss/materialdesignicons';
@import 'scss/simple-line-icons';

View File

@@ -1,198 +0,0 @@
@charset "UTF-8";
/* PrismJS 1.9.0
http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+json+less+php+python+jsx+sass+scss+sql&plugins=line-highlight+line-numbers */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: rgba(255, 255, 255, 0.5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
pre[data-line] {
position: relative;
}
.line-highlight {
position: absolute;
left: 0;
right: 0;
margin-top: 1em;
/* Same as .prisms padding-top */
background: rgba(255, 255, 0, 0.1);
pointer-events: none;
line-height: inherit;
white-space: pre;
}
.line-highlight:before,
.line-highlight[data-end]:after {
content: attr(data-start);
position: absolute;
top: .4em;
left: .6em;
min-width: 1em;
padding: 0 .5em;
background-color: rgba(153, 122, 102, 0.4);
color: #f5f2f0;
font: bold 65%/1.5 sans-serif;
text-align: center;
vertical-align: .3em;
border-radius: 999px;
text-shadow: none;
box-shadow: 0 1px white;
}
.line-highlight[data-end]:after {
content: attr(data-end);
top: auto;
bottom: .4em;
}
.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
content: none;
}
pre.line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
}
pre.line-numbers > code {
position: relative;
white-space: inherit;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.8em;
width: 3em;
/* works for line-numbers below 1000 lines */
letter-spacing: -1px;
border-right: 1px solid rgba(0, 40, 100, 0.12);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: rgba(134, 142, 150, 0.5);
display: block;
padding-right: 0.8em;
text-align: right;
}
pre.code-toolbar {
position: relative;
}
pre.code-toolbar > .toolbar {
position: absolute;
top: .3em;
right: .2em;
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
pre.code-toolbar > .toolbar .toolbar-item {
display: inline-block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
pre.code-toolbar > .toolbar a {
cursor: pointer;
}
pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button,
pre.code-toolbar > .toolbar span {
color: #868e96;
padding: 0 .5em;
font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
font-size: px2rem(14px);
}

View File

@@ -1,227 +0,0 @@
@import '../../scss/variables';
/* PrismJS 1.9.0
http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript+ruby+json+less+php+python+jsx+sass+scss+sql&plugins=line-highlight+line-numbers */
/**
* prism.js default theme for JavaScript, CSS and HTML
* Based on dabblet (http://dabblet.com)
* @author Lea Verou
*/
code[class*="language-"],
pre[class*="language-"] {
//color: black;
//background: none;
//text-shadow: 0 1px white;
//font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
//text-align: left;
//white-space: pre;
//word-spacing: normal;
//word-break: normal;
//word-wrap: normal;
//line-height: 1.5;
//
//-moz-tab-size: 4;
//-o-tab-size: 4;
//tab-size: 4;
//
//-webkit-hyphens: none;
//-moz-hyphens: none;
//-ms-hyphens: none;
//hyphens: none;
}
.token.comment,
.token.prolog,
.token.doctype,
.token.cdata {
color: slategray;
}
.token.punctuation {
color: #999;
}
.namespace {
opacity: .7;
}
.token.property,
.token.tag,
.token.boolean,
.token.number,
.token.constant,
.token.symbol,
.token.deleted {
color: #905;
}
.token.selector,
.token.attr-name,
.token.string,
.token.char,
.token.builtin,
.token.inserted {
color: #690;
}
.token.operator,
.token.entity,
.token.url,
.language-css .token.string,
.style .token.string {
color: #a67f59;
background: hsla(0, 0%, 100%, .5);
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
}
.token.function {
color: #dd4a68;
}
.token.regex,
.token.important,
.token.variable {
color: #e90;
}
.token.important,
.token.bold {
font-weight: bold;
}
.token.italic {
font-style: italic;
}
.token.entity {
cursor: help;
}
pre[data-line] {
position: relative;
//padding: 1em 0 1em 3em;
}
.line-highlight {
position: absolute;
left: 0;
right: 0;
margin-top: 1em; /* Same as .prisms padding-top */
background: rgba(255, 255, 0, 0.1);
pointer-events: none;
line-height: inherit;
white-space: pre;
}
.line-highlight:before,
.line-highlight[data-end]:after {
content: attr(data-start);
position: absolute;
top: .4em;
left: .6em;
min-width: 1em;
padding: 0 .5em;
background-color: hsla(24, 20%, 50%, .4);
color: hsl(24, 20%, 95%);
font: bold 65%/1.5 sans-serif;
text-align: center;
vertical-align: .3em;
border-radius: 999px;
text-shadow: none;
box-shadow: 0 1px white;
}
.line-highlight[data-end]:after {
content: attr(data-end);
top: auto;
bottom: .4em;
}
.line-numbers .line-highlight:before,
.line-numbers .line-highlight:after {
content: none;
}
pre.line-numbers {
position: relative;
padding-left: 3.8em;
counter-reset: linenumber;
}
pre.line-numbers > code {
position: relative;
white-space: inherit;
}
.line-numbers .line-numbers-rows {
position: absolute;
pointer-events: none;
top: 0;
font-size: 100%;
left: -3.8em;
width: 3em; /* works for line-numbers below 1000 lines */
letter-spacing: -1px;
border-right: 1px solid $border-color;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.line-numbers-rows > span {
pointer-events: none;
display: block;
counter-increment: linenumber;
}
.line-numbers-rows > span:before {
content: counter(linenumber);
color: rgba($text-muted, .5);
display: block;
padding-right: 0.8em;
text-align: right;
}
pre.code-toolbar {
position: relative;
}
pre.code-toolbar > .toolbar {
position: absolute;
top: .3em;
right: .2em;
transition: opacity 0.3s ease-in-out;
opacity: 1;
}
//pre.code-toolbar:hover > .toolbar {
// opacity: 1;
//}
pre.code-toolbar > .toolbar .toolbar-item {
display: inline-block;
user-select: none;
}
pre.code-toolbar > .toolbar a {
cursor: pointer;
}
pre.code-toolbar > .toolbar a,
pre.code-toolbar > .toolbar button,
pre.code-toolbar > .toolbar span {
color: $text-muted;
padding: 0 .5em;
font-family: $font-family-base;
font-size: px2rem(14px);
}

View File

@@ -1,7 +0,0 @@
/**
Dashboard UI
*/
@import 'variables';
@import 'dashboard/bootstrap/bootstrap';
@import 'dashboard/dashboard';

View File

@@ -1,32 +0,0 @@
/*!
* Bootstrap Grid v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@at-root {
@-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
}
html {
box-sizing: border-box;
-ms-overflow-style: scrollbar;
}
*,
*::before,
*::after {
box-sizing: inherit;
}
@import "functions";
@import "variables";
@import "mixins/breakpoints";
@import "mixins/grid-framework";
@import "mixins/grid";
@import "grid";
@import "utilities/display";
@import "utilities/flex";

View File

@@ -1,12 +0,0 @@
/*!
* Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
*/
@import "functions";
@import "variables";
@import "mixins";
@import "reboot";

View File

@@ -1,42 +0,0 @@
/*!
* Bootstrap v4.0.0 (https://getbootstrap.com)
* Copyright 2011-2018 The Bootstrap Authors
* Copyright 2011-2018 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
@import "functions";
@import "variables";
@import "mixins";
@import "root";
@import "reboot";
@import "type";
@import "images";
@import "code";
@import "grid";
@import "tables";
@import "forms";
@import "buttons";
@import "transitions";
@import "dropdown";
@import "button-group";
@import "input-group";
@import "custom-forms";
@import "nav";
@import "navbar";
@import "card";
@import "breadcrumb";
@import "pagination";
@import "badge";
@import "jumbotron";
@import "alert";
@import "progress";
@import "media";
@import "list-group";
@import "close";
@import "modal";
@import "tooltip";
@import "popover";
@import "carousel";
@import "utilities";
@import "print";

View File

@@ -1,65 +0,0 @@
//@import 'variables';
//@import '../bootstrap/mixins';
@import 'functions';
@import 'core';
@import 'type';
@import 'grid';
@import 'layout';
@import 'aside';
@import 'header';
@import 'footer';
@import 'colors';
@import 'text';
@import 'utilities';
@import 'nav';
@import 'button';
@import 'alert';
@import 'close';
@import 'badge';
@import 'tables';
@import 'breadcrumb';
@import 'pagination';
@import 'cards';
@import 'popover';
@import 'dropdown';
@import 'list';
@import 'list-group';
@import 'avatar';
@import 'product';
@import 'progress';
@import 'icon';
@import 'image';
@import 'link';
@import 'media';
@import 'form';
@import 'sparkline';
@import 'social';
@import 'maps';
@import 'statuses';
@import 'charts';
@import 'chips';
@import 'stamp';
@import 'chat';
@import 'example';
@import 'tag';
@import 'syntax';
@import 'infobox';
@import 'forms/custom-range';
@import 'forms/custom-selectgroup';
@import 'forms/custom-switch';
@import 'forms/custom-imagecheck';
@import 'forms/custom-colorinput';
@import 'timeline';
@import 'browser';
@import 'flag';
@import 'payments';
@import 'jvectormap';
@import 'selectize';
@import 'fonts/feather';

107
dist/blog.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item active">Blog</a>
<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 active">Blog</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -446,7 +441,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/cards.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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 active"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item active">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<a href="javascript:void(0)" class="nav-link active" 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 active">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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="row">
<div class="col-md-6 col-xl-4">
@@ -520,7 +515,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/charts.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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 active"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item active">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<a href="javascript:void(0)" class="nav-link active" 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 active">Charts</a>
<a href="./pricing-cards.html" class="dropdown-item ">Pricing cards</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -1074,7 +1069,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -1454,7 +1449,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/alerts.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -407,7 +402,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/avatars.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -432,7 +427,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/buttons.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -738,7 +733,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/cards.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -584,7 +579,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/charts.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -378,7 +373,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/colors.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -687,7 +682,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -640,7 +635,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/grid.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -473,7 +468,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/index.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -296,7 +291,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/docs/tags.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -564,7 +559,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="../favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="../favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="../index.html">
<img src="../demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="../cards.html" class="nav-item ">Cards design</a>
<a href="../charts.html" class="nav-item ">Charts</a>
<a href="../pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="../maps.html" class="nav-item ">Maps</a>
<a href="../icons.html" class="nav-item ">Icons</a>
<a href="../store.html" class="nav-item ">Store</a>
<a href="../blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="../profile.html" class="nav-item ">Profile</a>
<a href="../login.html" class="nav-item ">Login</a>
<a href="../register.html" class="nav-item ">Register</a>
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
<a href="../400.html" class="nav-item ">400 error</a>
<a href="../401.html" class="nav-item ">401 error</a>
<a href="../403.html" class="nav-item ">403 error</a>
<a href="../404.html" class="nav-item ">404 error</a>
<a href="../500.html" class="nav-item ">500 error</a>
<a href="../503.html" class="nav-item ">503 error</a>
<a href="../email.html" class="nav-item ">Email</a>
<a href="../empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -360,7 +355,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/email.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="row">
<div class="col-md-3">
@@ -298,7 +293,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/empty.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link active" 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 active">Empty page</a>
<a href="./rtl.html" class="dropdown-item ">RTL mode</a>
</div>
</li>
<li class="nav-item">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
</div>
</div>
<div class="footer">
@@ -231,7 +226,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<li class="nav-item dropdown">
<a href="./form-elements.html" class="nav-link active"><i class="fe fe-check-square"></i> Forms</a>
</li>
<li class="nav-item">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="row">
<div class="col-12">
@@ -1479,7 +1474,7 @@ But that's the difference in our opinions.</textarea>
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/gallery.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -469,7 +464,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/icons.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item active">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<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 active">Icons</a>
<a href="./store.html" class="dropdown-item ">Store</a>
<a href="./blog.html" class="dropdown-item ">Blog</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -1814,7 +1809,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

123
dist/index.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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 active"><i class="fe fe-home"></i> Home</a>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -647,7 +642,7 @@
<td>
<div>Elizabeth Martin</div>
<div class="small text-muted">
Registered: Mar 7, 2018
Registered: Mar 9, 2018
</div>
</td>
<td>
@@ -698,7 +693,7 @@
<td>
<div>Michelle Schultz</div>
<div class="small text-muted">
Registered: Feb 19, 2018
Registered: Feb 21, 2018
</div>
</td>
<td>
@@ -749,7 +744,7 @@
<td>
<div>Crystal Austin</div>
<div class="small text-muted">
Registered: Mar 26, 2018
Registered: Mar 28, 2018
</div>
</td>
<td>
@@ -800,7 +795,7 @@
<td>
<div>Douglas Ray</div>
<div class="small text-muted">
Registered: Jan 4, 2018
Registered: Jan 6, 2018
</div>
</td>
<td>
@@ -851,7 +846,7 @@
<td>
<div>Teresa Reyes</div>
<div class="small text-muted">
Registered: Feb 21, 2018
Registered: Feb 23, 2018
</div>
</td>
<td>
@@ -902,7 +897,7 @@
<td>
<div>Emma Wade</div>
<div class="small text-muted">
Registered: Mar 8, 2018
Registered: Mar 10, 2018
</div>
</td>
<td>
@@ -953,7 +948,7 @@
<td>
<div>Carol Henderson</div>
<div class="small text-muted">
Registered: Feb 10, 2018
Registered: Feb 12, 2018
</div>
</td>
<td>
@@ -1004,7 +999,7 @@
<td>
<div>Christopher Harvey</div>
<div class="small text-muted">
Registered: Jan 10, 2018
Registered: Jan 12, 2018
</div>
</td>
<td>
@@ -1826,7 +1821,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/invoice.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="card">
<div class="card-header">
@@ -327,7 +322,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

2
dist/login.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

107
dist/lookup.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -436,7 +431,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/maps.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="map-header">
<div class="map-header-layer" id="map-background"></div>
</div>
@@ -547,7 +542,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/pagination.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div>
<ul class="pagination ">
@@ -403,7 +398,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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 active"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item active">Pricing cards</a>
<a href="javascript:void(0)" class="nav-link active" 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 active">Pricing cards</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -313,7 +308,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/profile.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item active">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link active" 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 active">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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="row">
<div class="col-lg-4">
@@ -475,7 +470,7 @@ But that's the difference in our opinions.</textarea>
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

2
dist/register.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">

107
dist/rtl.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link active" 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 active">RTL mode</a>
</div>
</li>
<li class="nav-item">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -331,7 +326,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/sample-cards.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<!--<div class="container">-->
<!--<nav class="breadcrumb breadcrumb-content">-->
<!--<a class="breadcrumb-item" href="javascript:void(0)">Library</a>-->
@@ -3306,7 +3301,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/store.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item active">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<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 active">Store</a>
<a href="./blog.html" class="dropdown-item ">Blog</a>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -395,7 +390,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">

107
dist/users-list.html vendored
View File

@@ -14,7 +14,7 @@
<meta name="MobileOptimized" content="320">
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" type="image/x-icon" href="./favicon.ico" />
<!-- Generated: 2018-04-04 18:58:30 +0200 -->
<!-- Generated: 2018-04-06 16:27:42 +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">
@@ -39,25 +39,16 @@
<body class="">
<div class="page">
<div class="page-main">
<div class="header">
<div class="header py-4">
<div class="container">
<div class="d-flex">
<a class="navbar-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="navbar-brand-img" alt="tabler.io">
<a class="header-brand" href="./index.html">
<img src="./demo/brand/tabler.svg" class="header-brand-img" alt="tabler logo">
</a>
<div class="ml-auto d-flex order-lg-2">
<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-message-square"></i>-->
<!--</a>-->
<!--<div class="dropdown-menu dropdown-menu-right dropdown-menu-arrow px-4">-->
<!--Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto asperiores dolorem, est fugiat in maxime natus officia velit voluptas! Ab asperiores-->
<!--delectus dolore dolores maxime nesciunt qui quia totam.-->
<!--</div>-->
<!--</div>-->
<div class="dropdown d-none d-md-flex">
<a class="nav-link icon" data-toggle="dropdown">
<i class="fe fe-bell"></i>
@@ -90,7 +81,7 @@
</div>
</div>
<div class="dropdown">
<a href="#" class="nav-link pr-0" data-toggle="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>
@@ -121,52 +112,64 @@
</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-nav d-none d-lg-flex">
<div class="header collapse d-lg-flex p-0" id="headerMenuCollapse">
<div class="container">
<div class="row align-items-center">
<div class="col">
<ul class="nav nav-tabs">
<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"><i class="fe fe-box"></i> Interface</a>
<div class="nav-submenu nav">
<a href="./cards.html" class="nav-item ">Cards design</a>
<a href="./charts.html" class="nav-item ">Charts</a>
<a href="./pricing-cards.html" class="nav-item ">Pricing cards</a>
<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">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
<div class="nav-submenu nav">
<a href="./maps.html" class="nav-item ">Maps</a>
<a href="./icons.html" class="nav-item ">Icons</a>
<a href="./store.html" class="nav-item ">Store</a>
<a href="./blog.html" class="nav-item ">Blog</a>
<li class="nav-item dropdown">
<a href="javascript:void(0)" class="nav-link" 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>
</div>
</li>
<li class="nav-item">
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
<div class="nav-submenu nav">
<a href="./profile.html" class="nav-item ">Profile</a>
<a href="./login.html" class="nav-item ">Login</a>
<a href="./register.html" class="nav-item ">Register</a>
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
<a href="./400.html" class="nav-item ">400 error</a>
<a href="./401.html" class="nav-item ">401 error</a>
<a href="./403.html" class="nav-item ">403 error</a>
<a href="./404.html" class="nav-item ">404 error</a>
<a href="./500.html" class="nav-item ">500 error</a>
<a href="./503.html" class="nav-item ">503 error</a>
<a href="./email.html" class="nav-item ">Email</a>
<a href="./empty.html" class="nav-item ">Empty page</a>
<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">
<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">
@@ -177,18 +180,10 @@
</li>
</ul>
</div>
<div class="col-3 ml-auto">
<form class="input-icon">
<input type="search" class="form-control header-search" placeholder="Search&hellip;" tabindex="1">
<div class="input-icon-addon">
<i class="fe fe-search"></i>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="page-content">
<div class="my-3 my-md-5">
<div class="container">
<div class="page-header">
<h1 class="page-title">
@@ -561,7 +556,7 @@
<footer class="footer">
<div class="container">
<div class="row align-items-center flex-row-reverse">
<div class="col-auto ml-auto">
<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">