mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
dist build
This commit is contained in:
60
dist/400.html
vendored
60
dist/400.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Page 400 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,46 +22,30 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 400</div>
|
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 400</div>
|
||||||
|
|
||||||
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
||||||
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but your request contains bad syntax and cannot be fulfilled…</p>
|
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but your request contains bad syntax and cannot be fulfilled…</p>
|
||||||
|
|
||||||
<a class="btn btn-primary" href="javascript:history.back()">
|
<a class="btn btn-primary" href="javascript:history.back()">
|
||||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
60
dist/401.html
vendored
60
dist/401.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Page 401 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,46 +22,30 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 401</div>
|
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 401</div>
|
||||||
|
|
||||||
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
||||||
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but you are not authorized to access this page…</p>
|
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but you are not authorized to access this page…</p>
|
||||||
|
|
||||||
<a class="btn btn-primary" href="javascript:history.back()">
|
<a class="btn btn-primary" href="javascript:history.back()">
|
||||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
60
dist/403.html
vendored
60
dist/403.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Page 403 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,46 +22,30 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 403</div>
|
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 403</div>
|
||||||
|
|
||||||
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
||||||
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but you do not have permission to access this page…</p>
|
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but you do not have permission to access this page…</p>
|
||||||
|
|
||||||
<a class="btn btn-primary" href="javascript:history.back()">
|
<a class="btn btn-primary" href="javascript:history.back()">
|
||||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
60
dist/404.html
vendored
60
dist/404.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Page 404 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,46 +22,30 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 404</div>
|
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 404</div>
|
||||||
|
|
||||||
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
||||||
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but our service is currently not available…</p>
|
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but our service is currently not available…</p>
|
||||||
|
|
||||||
<a class="btn btn-primary" href="javascript:history.back()">
|
<a class="btn btn-primary" href="javascript:history.back()">
|
||||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
60
dist/500.html
vendored
60
dist/500.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Page 500 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,46 +22,30 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 500</div>
|
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 500</div>
|
||||||
|
|
||||||
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
||||||
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but your request contains bad syntax and cannot be fulfilled…</p>
|
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but your request contains bad syntax and cannot be fulfilled…</p>
|
||||||
|
|
||||||
<a class="btn btn-primary" href="javascript:history.back()">
|
<a class="btn btn-primary" href="javascript:history.back()">
|
||||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
60
dist/503.html
vendored
60
dist/503.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Page 503 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,46 +22,30 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
<div class="container text-center">
|
<div class="container text-center">
|
||||||
|
|
||||||
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 503</div>
|
<div class="display-1 text-muted mb-5"><i class="si si-exclamation"></i> 503</div>
|
||||||
|
|
||||||
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
<h1 class="h2 mb-3">Oops.. You just found an error page..</h1>
|
||||||
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but our service is currently not available…</p>
|
<p class="h4 text-muted font-weight-normal mb-7">We are sorry but our service is currently not available…</p>
|
||||||
|
|
||||||
<a class="btn btn-primary" href="javascript:history.back()">
|
<a class="btn btn-primary" href="javascript:history.back()">
|
||||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||||
</a>
|
</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
81
dist/assets/js/dashboard.js
vendored
81
dist/assets/js/dashboard.js
vendored
@@ -1,47 +1,44 @@
|
|||||||
require.config({
|
require.config({
|
||||||
shim: {
|
shim: {
|
||||||
'bootstrap': ['jquery'],
|
'bootstrap': ['jquery'],
|
||||||
'sparkline': ['jquery'],
|
'sparkline': ['jquery'],
|
||||||
'tablesorter': ['jquery'],
|
'tablesorter': ['jquery'],
|
||||||
'vector-map': ['jquery'],
|
'vector-map': ['jquery'],
|
||||||
'vector-map-de': ['vector-map', 'jquery'],
|
'vector-map-de': ['vector-map', 'jquery'],
|
||||||
'vector-map-world': ['vector-map', 'jquery'],
|
'vector-map-world': ['vector-map', 'jquery'],
|
||||||
'core': ['bootstrap'],
|
'core': ['bootstrap'],
|
||||||
},
|
},
|
||||||
paths: {
|
paths: {
|
||||||
'core': 'assets/js/core',
|
'core': 'assets/js/core',
|
||||||
'jquery': 'assets/js/vendors/jquery-3.2.1.min',
|
'jquery': 'assets/js/vendors/jquery-3.2.1.min',
|
||||||
'popper': 'assets/js/vendors/popper.min',
|
'popper': 'assets/js/vendors/popper.min',
|
||||||
'chart': 'assets/js/vendors/chart.bundle.min',
|
'chart': 'assets/js/vendors/chart.bundle.min',
|
||||||
'bootstrap': 'assets/js/vendors/bootstrap.min',
|
'bootstrap': 'assets/js/vendors/bootstrap.min',
|
||||||
'sparkline': 'assets/js/vendors/jquery.sparkline.min',
|
'sparkline': 'assets/js/vendors/jquery.sparkline.min',
|
||||||
'selectize': 'assets/js/vendors/selectize.min',
|
'selectize': 'assets/js/vendors/selectize.min',
|
||||||
'tablesorter': 'assets/js/vendors/jquery.tablesorter.min',
|
'tablesorter': 'assets/js/vendors/jquery.tablesorter.min',
|
||||||
'vector-map': 'assets/js/vendors/jquery-jvectormap-2.0.3.min',
|
'vector-map': 'assets/js/vendors/jquery-jvectormap-2.0.3.min',
|
||||||
'vector-map-de': 'assets/js/vendors/jquery-jvectormap-de-merc',
|
'vector-map-de': 'assets/js/vendors/jquery-jvectormap-de-merc',
|
||||||
'vector-map-world': 'assets/js/vendors/jquery-jvectormap-world-mill',
|
'vector-map-world': 'assets/js/vendors/jquery-jvectormap-world-mill',
|
||||||
'circle-progress': 'assets/js/vendors/circle-progress.min',
|
'circle-progress': 'assets/js/vendors/circle-progress.min',
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
window.tabler = {
|
window.tabler = {
|
||||||
colors: {
|
colors: {
|
||||||
"blue": "#467fcf",
|
"blue": "#467fcf",
|
||||||
"azure": "#45aaf2",
|
"azure": "#45aaf2",
|
||||||
"indigo": "#6574cd",
|
"indigo": "#6574cd",
|
||||||
"purple": "#a55eea",
|
"purple": "#a55eea",
|
||||||
"pink": "#f66d9b",
|
"pink": "#f66d9b",
|
||||||
"red": "#e74c3c",
|
"red": "#e74c3c",
|
||||||
"orange": "#fd9644",
|
"orange": "#fd9644",
|
||||||
"yellow": "#f1c40f",
|
"yellow": "#f1c40f",
|
||||||
"lime": "#7bd235",
|
"lime": "#7bd235",
|
||||||
"green": "#5eba00",
|
"green": "#5eba00",
|
||||||
"teal": "#2bcbba",
|
"teal": "#2bcbba",
|
||||||
"cyan": "#17a2b8",
|
"cyan": "#17a2b8",
|
||||||
"gray": "#868e96",
|
"gray": "#868e96",
|
||||||
"gray-dark": "#343a40"
|
"gray-dark": "#343a40"
|
||||||
|
}
|
||||||
}
|
|
||||||
};
|
};
|
||||||
|
|
||||||
require(['core']);
|
require(['core']);
|
||||||
423
dist/blog.html
vendored
423
dist/blog.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item active">Blog</a>
|
<a href="./blog.html" class="nav-item active">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,52 +177,22 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Blog components
|
Blog components
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row row-cards row-deck">
|
<div class="row row-cards row-deck">
|
||||||
|
|
||||||
|
|
||||||
<div class="col-sm-6 col-xl-3">
|
<div class="col-sm-6 col-xl-3">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
<a href="#"><img class="card-img-top" src="./assets/images/photos/david-klaasen-54203-500.jpg" alt="And this isn't my nose. This is a false one."></a>
|
<a href="#"><img class="card-img-top" src="./assets/images/photos/david-klaasen-54203-500.jpg" alt="And this isn't my nose. This is a false one."></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -349,30 +204,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-sm-6 col-xl-3">
|
<div class="col-sm-6 col-xl-3">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
<a href="#"><img class="card-img-top" src="./assets/images/photos/david-marcu-114194-500.jpg" alt="Well, I didn't vote for you."></a>
|
<a href="#"><img class="card-img-top" src="./assets/images/photos/david-marcu-114194-500.jpg" alt="Well, I didn't vote for you."></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">Well, I didn't vote for you.</a></h4>
|
<h4><a href="#">Well, I didn't vote for you.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
|
<div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -384,30 +223,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-sm-6 col-xl-3">
|
<div class="col-sm-6 col-xl-3">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
<a href="#"><img class="card-img-top" src="./assets/images/photos/davide-cantelli-139887-500.jpg" alt="How do you know she is a witch?"></a>
|
<a href="#"><img class="card-img-top" src="./assets/images/photos/davide-cantelli-139887-500.jpg" alt="How do you know she is a witch?"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">How do you know she is a witch?</a></h4>
|
<h4><a href="#">How do you know she is a witch?</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...</div>
|
<div class="text-muted">Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/26.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/26.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -419,30 +242,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-sm-6 col-xl-3">
|
<div class="col-sm-6 col-xl-3">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
<a href="#"><img class="card-img-top" src="./assets/images/photos/dino-reichmuth-84359-500.jpg" alt="Shut up!"></a>
|
<a href="#"><img class="card-img-top" src="./assets/images/photos/dino-reichmuth-84359-500.jpg" alt="Shut up!"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">Shut up!</a></h4>
|
<h4><a href="#">Shut up!</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil yo...</div>
|
<div class="text-muted">Burn her! How do you know she is a witch? You don't frighten us, English pig-dogs! Go and boil yo...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/7.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/7.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -454,30 +261,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">Weaseling out of things is important to learn.</a></h4>
|
<h4><a href="#">Weaseling out of things is important to learn.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Please do not offer my god a peanut. That's why I love elementary school, Edna. The children beli...</div>
|
<div class="text-muted">Please do not offer my god a peanut. That's why I love elementary school, Edna. The children beli...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/4.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/4.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -489,28 +279,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">You don't like your job, you don't strike.</a></h4>
|
<h4><a href="#">You don't like your job, you don't strike.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've ...</div>
|
<div class="text-muted">But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've ...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/35.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/35.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -522,28 +297,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">I hope I didn't brain my damage.</a></h4>
|
<h4><a href="#">I hope I didn't brain my damage.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneline...</div>
|
<div class="text-muted">I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneline...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/29.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/29.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -555,32 +315,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
<div class="card card-aside">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card card-aside">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"></a>
|
<a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/female/18.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -592,30 +334,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
<div class="card card-aside">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card card-aside">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-marcu-114194-500.jpg)"></a>
|
<a href="#" class="card-aside-column" style="background-image: url(./assets/images/photos/david-marcu-114194-500.jpg)"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">Well, I didn't vote for you.</a></h4>
|
<h4><a href="#">Well, I didn't vote for you.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
|
<div class="text-muted">Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/16.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -627,32 +353,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
<div class="card card-aside">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card card-aside">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="#" class="card-aside-column w-50" style="background-image: url(./assets/images/photos/grant-ritchie-338179-500.jpg)"></a>
|
<a href="#" class="card-aside-column w-50" style="background-image: url(./assets/images/photos/grant-ritchie-338179-500.jpg)"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">Weaseling out of things is important to learn.</a></h4>
|
<h4><a href="#">Weaseling out of things is important to learn.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secr...</div>
|
<div class="text-muted">Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secr...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/4.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/4.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -664,30 +372,14 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
|
<div class="card card-aside">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card card-aside">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="#" class="card-aside-column w-50" style="background-image: url(./assets/images/photos/ilnur-kalimullin-218996-500.jpg)"></a>
|
<a href="#" class="card-aside-column w-50" style="background-image: url(./assets/images/photos/ilnur-kalimullin-218996-500.jpg)"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">You don't like your job, you don't strike.</a></h4>
|
<h4><a href="#">You don't like your job, you don't strike.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's...</div>
|
<div class="text-muted">But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/35.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(./assets/images/faces/male/35.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -699,16 +391,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -744,9 +433,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -767,12 +455,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
451
dist/cards.html
vendored
451
dist/cards.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Cards design - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item active">Cards design</a>
|
<a href="./cards.html" class="nav-item active">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,387 +177,211 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-12">
|
<div class="col-lg-12">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">This is a standard card</h3>
|
<h3 class="card-title">This is a standard card</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
This is standard card footer
|
This is standard card footer
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Built card</h3>
|
<h3 class="card-title">Built card</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-blue"></div>
|
<div class="card-status bg-blue"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card blue</h3>
|
<h3 class="card-title">Card blue</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-green"></div>
|
<div class="card-status bg-green"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card green</h3>
|
<h3 class="card-title">Card green</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-orange"></div>
|
<div class="card-status bg-orange"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card orange</h3>
|
<h3 class="card-title">Card orange</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-red"></div>
|
<div class="card-status bg-red"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card red</h3>
|
<h3 class="card-title">Card red</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-yellow"></div>
|
<div class="card-status bg-yellow"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card yellow</h3>
|
<h3 class="card-title">Card yellow</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-teal"></div>
|
<div class="card-status bg-teal"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card teal</h3>
|
<h3 class="card-title">Card teal</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-purple"></div>
|
<div class="card-status bg-purple"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card purple</h3>
|
<h3 class="card-title">Card purple</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status card-status-left bg-blue"></div>
|
<div class="card-status card-status-left bg-blue"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card status on left side</h3>
|
<h3 class="card-title">Card status on left side</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card card-collapsed">
|
<div class="card card-collapsed">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Initial collapsed card</h3>
|
<h3 class="card-title">Initial collapsed card</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-xl-4">
|
<div class="col-md-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">With additional fullscreen button</h3>
|
<h3 class="card-title">With additional fullscreen button</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-fullscreen" data-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
|
<a href="#" class="card-options-fullscreen" data-toggle="card-fullscreen"><i class="fe fe-maximize"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Pannel with custom buttons</h3>
|
<h3 class="card-title">Pannel with custom buttons</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a class="btn btn-secondary btn-sm">Action 1</a>
|
<a class="btn btn-secondary btn-sm">Action 1</a>
|
||||||
<a class="btn btn-secondary btn-sm ml-2">Action 2</a>
|
<a class="btn btn-secondary btn-sm ml-2">Action 2</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6">
|
<div class="col-lg-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with search form</h3>
|
<h3 class="card-title">Card with search form</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<form action="">
|
<form action="">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<input type="text" class="form-control form-control-sm" placeholder="Search something..." name="s">
|
<input type="text" class="form-control form-control-sm" placeholder="Search something..." name="s">
|
||||||
@@ -683,143 +392,87 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with alert</h3>
|
<h3 class="card-title">Card with alert</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-alert alert alert-success mb-0">
|
<div class="card-alert alert alert-success mb-0">
|
||||||
Adding action was successful
|
Adding action was successful
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with alert</h3>
|
<h3 class="card-title">Card with alert</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-alert alert alert-danger mb-0">
|
<div class="card-alert alert alert-danger mb-0">
|
||||||
Adding action was failed
|
Adding action was failed
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with switch</h3>
|
<h3 class="card-title">Card with switch</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<label class="custom-switch m-0">
|
<label class="custom-switch m-0">
|
||||||
<input type="checkbox" value="1" class="custom-switch-input" checked>
|
<input type="checkbox" value="1" class="custom-switch-input" checked>
|
||||||
<span class="custom-switch-indicator"></span>
|
<span class="custom-switch-indicator"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with loader</h3>
|
<h3 class="card-title">Card with loader</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
<a href="#" class="card-options-collapse" data-toggle="card-collapse"><i class="fe fe-chevron-up"></i></a>
|
||||||
|
|
||||||
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
<a href="#" class="card-options-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="dimmer active">
|
<div class="dimmer active">
|
||||||
<div class="loader"></div>
|
<div class="loader"></div>
|
||||||
<div class="dimmer-content">
|
<div class="dimmer-content">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -855,9 +508,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -878,12 +530,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
378
dist/charts.html
vendored
378
dist/charts.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Charts - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item active">Charts</a>
|
<a href="./charts.html" class="nav-item active">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,35 +177,16 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Charts
|
Charts
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row row-cards">
|
<div class="row row-cards">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -331,7 +197,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-employment', // id of chart wrapper
|
bindto: '#chart-employment', // id of chart wrapper
|
||||||
@@ -371,14 +237,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -389,7 +250,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-temperature', // id of chart wrapper
|
bindto: '#chart-temperature', // id of chart wrapper
|
||||||
@@ -427,14 +288,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -445,7 +301,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-area', // id of chart wrapper
|
bindto: '#chart-area', // id of chart wrapper
|
||||||
@@ -482,14 +338,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -500,7 +351,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-area-spline', // id of chart wrapper
|
bindto: '#chart-area-spline', // id of chart wrapper
|
||||||
@@ -537,14 +388,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -555,7 +401,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-area-spline-sracked', // id of chart wrapper
|
bindto: '#chart-area-spline-sracked', // id of chart wrapper
|
||||||
@@ -595,14 +441,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -613,7 +454,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-spline', // id of chart wrapper
|
bindto: '#chart-spline', // id of chart wrapper
|
||||||
@@ -651,14 +492,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -669,7 +505,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-spline-rotated', // id of chart wrapper
|
bindto: '#chart-spline-rotated', // id of chart wrapper
|
||||||
@@ -707,14 +543,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -725,7 +556,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-step', // id of chart wrapper
|
bindto: '#chart-step', // id of chart wrapper
|
||||||
@@ -762,14 +593,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -780,7 +606,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-area-step', // id of chart wrapper
|
bindto: '#chart-area-step', // id of chart wrapper
|
||||||
@@ -817,14 +643,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -835,7 +656,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-bar', // id of chart wrapper
|
bindto: '#chart-bar', // id of chart wrapper
|
||||||
@@ -875,14 +696,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -893,7 +709,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-bar-rotated', // id of chart wrapper
|
bindto: '#chart-bar-rotated', // id of chart wrapper
|
||||||
@@ -934,14 +750,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -952,7 +763,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-bar-stacked', // id of chart wrapper
|
bindto: '#chart-bar-stacked', // id of chart wrapper
|
||||||
@@ -995,14 +806,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -1013,7 +819,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-pie', // id of chart wrapper
|
bindto: '#chart-pie', // id of chart wrapper
|
||||||
@@ -1045,14 +851,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -1063,7 +864,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-donut', // id of chart wrapper
|
bindto: '#chart-donut', // id of chart wrapper
|
||||||
@@ -1095,14 +896,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -1113,7 +909,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-scatter', // id of chart wrapper
|
bindto: '#chart-scatter', // id of chart wrapper
|
||||||
@@ -1150,14 +946,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="col-lg-6 col-xl-4">
|
<div class="col-lg-6 col-xl-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
@@ -1168,7 +959,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-combination', // id of chart wrapper
|
bindto: '#chart-combination', // id of chart wrapper
|
||||||
@@ -1221,19 +1012,14 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -1269,9 +1055,8 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -1292,12 +1077,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
297
dist/crypto-currencies.html
vendored
297
dist/crypto-currencies.html
vendored
File diff suppressed because it is too large
Load Diff
16
dist/docs.html
vendored
16
dist/docs.html
vendored
@@ -1,10 +1,12 @@
|
|||||||
<!DOCTYPE html>
|
<!DOCTYPE html>
|
||||||
<html lang="en-US">
|
<html lang="en-US">
|
||||||
<meta charset="utf-8">
|
<meta charset="utf-8">
|
||||||
<title>Redirecting…</title>
|
<title>Redirecting…</title>
|
||||||
<link rel="canonical" href="./docs/index.html">
|
<link rel="canonical" href="./docs/index.html">
|
||||||
<meta http-equiv="refresh" content="0; url=./docs/index.html">
|
<meta http-equiv="refresh" content="0; url=./docs/index.html">
|
||||||
<meta name="robots" content="noindex">
|
<meta name="robots" content="noindex">
|
||||||
<noscript><a href="./docs/index.html">Click here if you are not redirected.</a></noscript>
|
<noscript><a href="./docs/index.html">Click here if you are not redirected.</a></noscript>
|
||||||
<script>location = "./docs/index.html"</script>
|
<script>
|
||||||
|
location = "./docs/index.html"
|
||||||
|
</script>
|
||||||
</html>
|
</html>
|
||||||
368
dist/docs/alerts.html
vendored
368
dist/docs/alerts.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/alerts.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/alerts.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,53 +213,37 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Alerts</h2>
|
<h2 class="mt-0 mb-4">Alerts</h2>
|
||||||
|
|
||||||
|
|
||||||
<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
|
<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="alert alert-primary mt-5 mb-6">
|
<div class="alert alert-primary mt-5 mb-6">
|
||||||
<h4 class="mb-1">Work in progress!</h4>
|
<h4 class="mb-1">Work in progress!</h4>
|
||||||
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
|
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 id="default-alerts">Default alerts</h3>
|
<h3 id="default-alerts">Default alerts</h3>
|
||||||
|
<p>Add color contextual class.</p>
|
||||||
<p>Add color contextual class.</p>
|
<div class="example">
|
||||||
|
<div class="alert alert-primary" role="alert">
|
||||||
<div class="example">
|
|
||||||
<div class="alert alert-primary" role="alert">
|
|
||||||
This is a primary alert—check it out!
|
This is a primary alert—check it out!
|
||||||
</div>
|
</div>
|
||||||
|
<div class="alert alert-secondary" role="alert">
|
||||||
<div class="alert alert-secondary" role="alert">
|
|
||||||
This is a secondary alert—check it out!
|
This is a secondary alert—check it out!
|
||||||
</div>
|
</div>
|
||||||
|
<div class="alert alert-success" role="alert">
|
||||||
<div class="alert alert-success" role="alert">
|
|
||||||
This is a success alert—check it out!
|
This is a success alert—check it out!
|
||||||
</div>
|
</div>
|
||||||
|
<div class="alert alert-info" role="alert">
|
||||||
<div class="alert alert-info" role="alert">
|
|
||||||
This is a info alert—check it out!
|
This is a info alert—check it out!
|
||||||
</div>
|
</div>
|
||||||
|
<div class="alert alert-warning" role="alert">
|
||||||
<div class="alert alert-warning" role="alert">
|
|
||||||
This is a warning alert—check it out!
|
This is a warning alert—check it out!
|
||||||
</div>
|
</div>
|
||||||
|
<div class="alert alert-danger" role="alert">
|
||||||
<div class="alert alert-danger" role="alert">
|
|
||||||
This is a danger alert—check it out!
|
This is a danger alert—check it out!
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-primary"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-primary"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||||
This is a primary alert—check it out!
|
This is a primary alert—check it out!
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-secondary"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-secondary"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||||
@@ -428,24 +260,23 @@
|
|||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||||
This is a danger alert—check it out!
|
This is a danger alert—check it out!
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="alert-with-icon">Alert with icon</h3>
|
<h3 id="alert-with-icon">Alert with icon</h3>
|
||||||
|
<p>Add <code class="highlighter-rouge">.alert-icon</code> class.</p>
|
||||||
<p>Add <code class="highlighter-rouge">.alert-icon</code> class.</p>
|
<div class="example">
|
||||||
|
<div class="alert alert-icon alert-primary" role="alert">
|
||||||
<div class="example">
|
|
||||||
<div class="alert alert-icon alert-primary" role="alert">
|
|
||||||
<i class="fe fe-bell mr-2" aria-hidden="true"></i> You have done 5 actions.
|
<i class="fe fe-bell mr-2" aria-hidden="true"></i> You have done 5 actions.
|
||||||
</div>
|
</div>
|
||||||
<div class="alert alert-icon alert-success" role="alert">
|
<div class="alert alert-icon alert-success" role="alert">
|
||||||
<i class="fe fe-check mr-2" aria-hidden="true"></i> The page has been added.
|
<i class="fe fe-check mr-2" aria-hidden="true"></i> The page has been added.
|
||||||
</div>
|
</div>
|
||||||
<div class="alert alert-icon alert-danger" role="alert">
|
<div class="alert alert-icon alert-danger" role="alert">
|
||||||
<i class="fe fe-alert-triangle mr-2" aria-hidden="true"></i> The daily report has failed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
<i class="fe fe-alert-triangle mr-2" aria-hidden="true"></i> The daily report has failed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-icon alert-primary"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-icon alert-primary"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||||
<span class="nt"><i</span> <span class="na">class=</span><span class="s">"fe fe-bell mr-2"</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></i></span> You have done 5 actions.
|
<span class="nt"><i</span> <span class="na">class=</span><span class="s">"fe fe-bell mr-2"</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></i></span> You have done 5 actions.
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-icon alert-success"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-icon alert-success"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||||
@@ -453,50 +284,47 @@
|
|||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-icon alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-icon alert-danger"</span> <span class="na">role=</span><span class="s">"alert"</span><span class="nt">></span>
|
||||||
<span class="nt"><i</span> <span class="na">class=</span><span class="s">"fe fe-alert-triangle mr-2"</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></i></span> The daily report has failed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
<span class="nt"><i</span> <span class="na">class=</span><span class="s">"fe fe-alert-triangle mr-2"</span> <span class="na">aria-hidden=</span><span class="s">"true"</span><span class="nt">></i></span> The daily report has failed. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="alert-dismissible">Alert dismissible</h3>
|
<h3 id="alert-dismissible">Alert dismissible</h3>
|
||||||
|
<p>Add a dismiss button and the <code class="highlighter-rouge">.alert-dismissible</code> class, which adds extra padding to the right of the alert and positions the <code class="highlighter-rouge">.close</code> button. On the dismiss button, add the <code class="highlighter-rouge">data-dismiss="alert"</code> attribute, which triggers the JavaScript functionality. Be sure to use the <code class="highlighter-rouge"><button></code> element with it for proper behavior across all devices.</p>
|
||||||
<p>Add a dismiss button and the <code class="highlighter-rouge">.alert-dismissible</code> class, which adds extra padding to the right of the alert and positions the <code class="highlighter-rouge">.close</code> button. On the dismiss button, add the <code class="highlighter-rouge">data-dismiss="alert"</code> attribute, which triggers the JavaScript functionality. Be sure to use the <code class="highlighter-rouge"><button></code> element with it for proper behavior across all devices.</p>
|
<div class="example">
|
||||||
|
<div class="alert alert-warning alert-dismissible">
|
||||||
<div class="example">
|
|
||||||
<div class="alert alert-warning alert-dismissible">
|
|
||||||
<button type="button" class="close" data-dismiss="alert"></button>
|
<button type="button" class="close" data-dismiss="alert"></button>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning alert-dismissible"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-warning alert-dismissible"</span><span class="nt">></span>
|
||||||
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span><span class="nt">></button></span>
|
<span class="nt"><button</span> <span class="na">type=</span><span class="s">"button"</span> <span class="na">class=</span><span class="s">"close"</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span><span class="nt">></button></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="alert-with-avatar">Alert with avatar</h3>
|
<h3 id="alert-with-avatar">Alert with avatar</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="alert alert-avatar alert-primary alert-dismissible">
|
||||||
<div class="alert alert-avatar alert-primary alert-dismissible">
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/4.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/4.jpg)"></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
</div>
|
</div>
|
||||||
<div class="alert alert-avatar alert-success alert-dismissible">
|
<div class="alert alert-avatar alert-success alert-dismissible">
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-avatar alert-primary alert-dismissible"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-avatar alert-primary alert-dismissible"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/4.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/4.jpg)"</span><span class="nt">></span></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-avatar alert-success alert-dismissible"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-avatar alert-success alert-dismissible"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/35.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/35.jpg)"</span><span class="nt">></span></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="alert-with-buttons">Alert with buttons</h3>
|
<h3 id="alert-with-buttons">Alert with buttons</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="alert alert-success alert-dismissible">
|
||||||
<div class="alert alert-success alert-dismissible">
|
|
||||||
<button data-dismiss="alert" class="close"></button>
|
<button data-dismiss="alert" class="close"></button>
|
||||||
|
|
||||||
<h4>Some Message</h4>
|
<h4>Some Message</h4>
|
||||||
<p>
|
<p>
|
||||||
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim
|
Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minim
|
||||||
@@ -506,9 +334,10 @@
|
|||||||
<button class="btn btn-success" type="button">Okay</button>
|
<button class="btn btn-success" type="button">Okay</button>
|
||||||
<button class="btn btn-secondary" type="button">No, thanks</button>
|
<button class="btn btn-secondary" type="button">No, thanks</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-success alert-dismissible"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"alert alert-success alert-dismissible"</span><span class="nt">></span>
|
||||||
<span class="nt"><button</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">class=</span><span class="s">"close"</span><span class="nt">></button></span>
|
<span class="nt"><button</span> <span class="na">data-dismiss=</span><span class="s">"alert"</span> <span class="na">class=</span><span class="s">"close"</span><span class="nt">></button></span>
|
||||||
<span class="nt"><h4></span>Some Message<span class="nt"></h4></span>
|
<span class="nt"><h4></span>Some Message<span class="nt"></h4></span>
|
||||||
<span class="nt"><p></span>
|
<span class="nt"><p></span>
|
||||||
@@ -519,20 +348,17 @@
|
|||||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"btn btn-success"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">></span>Okay<span class="nt"></button></span>
|
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"btn btn-success"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">></span>Okay<span class="nt"></button></span>
|
||||||
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"btn btn-secondary"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">></span>No, thanks<span class="nt"></button></span>
|
<span class="nt"><button</span> <span class="na">class=</span><span class="s">"btn btn-secondary"</span> <span class="na">type=</span><span class="s">"button"</span><span class="nt">></span>No, thanks<span class="nt"></button></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -568,9 +394,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -591,12 +416,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
471
dist/docs/avatars.html
vendored
471
dist/docs/avatars.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/avatars.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/avatars.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,76 +213,64 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Avatars</h2>
|
<h2 class="mt-0 mb-4">Avatars</h2>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 id="simple-avatar">Simple avatar</h3>
|
<h3 id="simple-avatar">Simple avatar</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="avatar-list">
|
||||||
<div class="avatar-list">
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/21.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/21.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/25.jpg)"></span>
|
||||||
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/5.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/25.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
||||||
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/40.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/5.jpg)"></span>
|
</div>
|
||||||
|
</div>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/21.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/40.jpg)"></span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/21.jpg)"</span><span class="nt">></span></span>
|
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/25.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/25.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/5.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/5.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/40.jpg)"</span><span class="nt">></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/40.jpg)"</span><span class="nt">></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="avatar-size">Avatar size</h3>
|
<h3 id="avatar-size">Avatar size</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="avatar-list">
|
||||||
<div class="avatar-list">
|
<span class="avatar avatar-sm" style="background-image: url(../assets/images/faces/male/9.jpg)"></span>
|
||||||
<span class="avatar avatar-sm" style="background-image: url(../assets/images/faces/male/9.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/8.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/8.jpg)"></span>
|
<span class="avatar avatar-md" style="background-image: url(../assets/images/faces/male/4.jpg)"></span>
|
||||||
<span class="avatar avatar-md" style="background-image: url(../assets/images/faces/male/4.jpg)"></span>
|
<span class="avatar avatar-lg" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
|
||||||
<span class="avatar avatar-lg" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
|
<span class="avatar avatar-xl" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
|
||||||
<span class="avatar avatar-xl" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
|
<span class="avatar avatar-xxl" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
|
||||||
<span class="avatar avatar-xxl" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/9.jpg)"</span><span class="nt">></span></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-sm"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/9.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/8.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/8.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-md"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/4.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-md"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/4.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-lg"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/35.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-lg"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/35.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xl"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/29.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xl"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/29.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xxl"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-xxl"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="avatar-status">Avatar status</h3>
|
<h3 id="avatar-status">Avatar status</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="avatar-list">
|
||||||
<div class="avatar-list">
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
|
|
||||||
<span class="avatar-status"></span>
|
<span class="avatar-status"></span>
|
||||||
</span>
|
</span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/9.jpg)">
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/9.jpg)">
|
||||||
<span class="avatar-status bg-red"></span>
|
<span class="avatar-status bg-red"></span>
|
||||||
</span>
|
</span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
|
||||||
<span class="avatar-status bg-green"></span>
|
<span class="avatar-status bg-green"></span>
|
||||||
</span>
|
</span>
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/16.jpg)">
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/16.jpg)">
|
||||||
<span class="avatar-status bg-yellow"></span>
|
<span class="avatar-status bg-yellow"></span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">></span></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/25.jpg)"</span><span class="nt">></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/25.jpg)"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar-status"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar-status"</span><span class="nt">></span></span>
|
||||||
<span class="nt"></span></span>
|
<span class="nt"></span></span>
|
||||||
@@ -446,73 +282,45 @@
|
|||||||
<span class="nt"></span></span>
|
<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/16.jpg)"</span><span class="nt">></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/16.jpg)"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar-status bg-yellow"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar-status bg-yellow"</span><span class="nt">></span></span>
|
||||||
<span class="nt"></span></span></code></pre></div>
|
<span class="nt"></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="avatar-placeholder">Avatar placeholder</h3>
|
<h3 id="avatar-placeholder">Avatar placeholder</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="avatar-list">
|
||||||
<div class="avatar-list">
|
<span class="avatar">RB</span>
|
||||||
<span class="avatar">RB</span>
|
<span class="avatar">KH</span>
|
||||||
|
<span class="avatar">BK</span>
|
||||||
<span class="avatar">KH</span>
|
<span class="avatar avatar-placeholder"></span>
|
||||||
|
<span class="avatar"><i class="fe fe-more-horizontal"></i></span>
|
||||||
<span class="avatar">BK</span>
|
</div>
|
||||||
|
</div>
|
||||||
<span class="avatar avatar-placeholder"></span>
|
<div class="highlight">
|
||||||
<span class="avatar"><i class="fe fe-more-horizontal"></i></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>RB<span class="nt"></span></span>
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>RB<span class="nt"></span></span>
|
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>KH<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>KH<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>BK<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>BK<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-placeholder"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-placeholder"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-more-horizontal"</span><span class="nt">></i></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-more-horizontal"</span><span class="nt">></i></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<div class="example">
|
<div class="example">
|
||||||
<div class="avatar-list">
|
<div class="avatar-list">
|
||||||
<span class="avatar avatar-blue">NG</span>
|
<span class="avatar avatar-blue">NG</span>
|
||||||
|
<span class="avatar avatar-azure">AM</span>
|
||||||
|
<span class="avatar avatar-indigo">RB</span>
|
||||||
<span class="avatar avatar-azure">AM</span>
|
<span class="avatar avatar-purple">PR</span>
|
||||||
|
<span class="avatar avatar-pink">WH</span>
|
||||||
|
<span class="avatar avatar-red">MR</span>
|
||||||
<span class="avatar avatar-indigo">RB</span>
|
<span class="avatar avatar-orange">DB</span>
|
||||||
|
<span class="avatar avatar-yellow">PP</span>
|
||||||
|
<span class="avatar avatar-lime">JR</span>
|
||||||
<span class="avatar avatar-purple">PR</span>
|
<span class="avatar avatar-green">RB</span>
|
||||||
|
<span class="avatar avatar-teal">KH</span>
|
||||||
|
<span class="avatar avatar-cyan">BK</span>
|
||||||
<span class="avatar avatar-pink">WH</span>
|
<span class="avatar avatar-gray">CA</span>
|
||||||
|
<span class="avatar avatar-gray-dark">CW</span>
|
||||||
|
</div>
|
||||||
<span class="avatar avatar-red">MR</span>
|
</div>
|
||||||
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-blue"</span><span class="nt">></span>NG<span class="nt"></span></span>
|
||||||
<span class="avatar avatar-orange">DB</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-yellow">PP</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-lime">JR</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-green">RB</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-teal">KH</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-cyan">BK</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-gray">CA</span>
|
|
||||||
|
|
||||||
|
|
||||||
<span class="avatar avatar-gray-dark">CW</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-blue"</span><span class="nt">></span>NG<span class="nt"></span></span>
|
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-azure"</span><span class="nt">></span>AM<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-azure"</span><span class="nt">></span>AM<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-indigo"</span><span class="nt">></span>RB<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-indigo"</span><span class="nt">></span>RB<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-purple"</span><span class="nt">></span>PR<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-purple"</span><span class="nt">></span>PR<span class="nt"></span></span>
|
||||||
@@ -525,69 +333,56 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-teal"</span><span class="nt">></span>KH<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-teal"</span><span class="nt">></span>KH<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-cyan"</span><span class="nt">></span>BK<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-cyan"</span><span class="nt">></span>BK<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-gray"</span><span class="nt">></span>CA<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-gray"</span><span class="nt">></span>CA<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-gray-dark"</span><span class="nt">></span>CW<span class="nt"></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar avatar-gray-dark"</span><span class="nt">></span>CW<span class="nt"></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="avatars-list">Avatars list</h3>
|
<h3 id="avatars-list">Avatars list</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="avatar-list">
|
||||||
<div class="avatar-list">
|
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/21.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/21.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/25.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/25.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/5.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/5.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/40.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/40.jpg)"></span>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar-list"</span><span class="nt">></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar-list"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/21.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/21.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/25.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/25.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/5.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/5.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/40.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/40.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<div class="example">
|
<div class="example">
|
||||||
<div class="avatar-list avatar-list-stacked">
|
<div class="avatar-list avatar-list-stacked">
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/12.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/12.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/21.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/21.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/29.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/2.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/female/2.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/34.jpg)"></span>
|
<span class="avatar" style="background-image: url(../assets/images/faces/male/34.jpg)"></span>
|
||||||
|
|
||||||
<span class="avatar">+8</span>
|
<span class="avatar">+8</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar-list avatar-list-stacked"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"avatar-list avatar-list-stacked"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/12.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/12.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/21.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/21.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/29.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/29.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/2.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/2.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/34.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/34.jpg)"</span><span class="nt">></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>+8<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"avatar"</span><span class="nt">></span>+8<span class="nt"></span></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -623,9 +418,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -646,12 +440,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
898
dist/docs/buttons.html
vendored
898
dist/docs/buttons.html
vendored
File diff suppressed because it is too large
Load Diff
496
dist/docs/cards.html
vendored
496
dist/docs/cards.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/cards.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/cards.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,85 +213,55 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Cards</h2>
|
<h2 class="mt-0 mb-4">Cards</h2>
|
||||||
|
|
||||||
|
|
||||||
<p>A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p>
|
<p>A card is a flexible and extensible content container. It includes options for headers and footers, a wide variety of content, contextual background colors, and powerful display options.</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>The <code class="highlighter-rouge">.card</code> element is simply a container with a shadow, a border, a radius, and some padding. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components.</p>
|
<p>The <code class="highlighter-rouge">.card</code> element is simply a container with a shadow, a border, a radius, and some padding. Built with flexbox, they offer easy alignment and mix well with other Bootstrap components.</p>
|
||||||
|
<h3 id="default-card">Default card</h3>
|
||||||
<h3 id="default-card">Default card</h3>
|
<div class="example example-bg">
|
||||||
|
<div class="example-column example-column-1">
|
||||||
<div class="example example-bg">
|
<div class="card">
|
||||||
<div class="example-column example-column-1">
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card title</h3>
|
<h3 class="card-title">Card title</h3>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
||||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card title<span class="nt"></h3></span>
|
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card title<span class="nt"></h3></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="advanced-card">Advanced card</h3>
|
<h3 id="advanced-card">Advanced card</h3>
|
||||||
|
<div class="example example-bg">
|
||||||
<div class="example example-bg">
|
<div class="example-column example-column-1">
|
||||||
<div class="example-column example-column-1">
|
<div class="card">
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card title</h3>
|
<h3 class="card-title">Card title</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<a class="btn btn-secondary btn-sm">Action 1</a>
|
<a class="btn btn-secondary btn-sm">Action 1</a>
|
||||||
<a class="btn btn-secondary btn-sm ml-2">Action 2</a>
|
<a class="btn btn-secondary btn-sm ml-2">Action 2</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-footer">
|
<div class="card-footer">
|
||||||
This is standard card footer
|
This is standard card footer
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
||||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card title<span class="nt"></h3></span>
|
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card title<span class="nt"></h3></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-options"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-options"</span><span class="nt">></span>
|
||||||
@@ -457,28 +275,17 @@
|
|||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-footer"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-footer"</span><span class="nt">></span>
|
||||||
This is standard card footer
|
This is standard card footer
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="blog-post-card">Blog post card</h3>
|
<h3 id="blog-post-card">Blog post card</h3>
|
||||||
|
<p>The best way to make your post eye-catching is adding an image to it. To do so, just add the image with the <code class="highlighter-rouge">.card-img-top</code> class. We’ve added the <code class="highlighter-rouge">.d-flex .flex-column</code> classes to the <code class="highlighter-rouge">.card-body</code> to have the author details be on the bottom of the card.</p>
|
||||||
<p>The best way to make your post eye-catching is adding an image to it. To do so, just add the image with the <code class="highlighter-rouge">.card-img-top</code> class. We’ve added the <code class="highlighter-rouge">.d-flex .flex-column</code> classes to the <code class="highlighter-rouge">.card-body</code> to have the author details be on the bottom of the card.</p>
|
<div class="example example-bg">
|
||||||
|
<div class="example-column example-column-1">
|
||||||
<div class="example example-bg">
|
<div class="card">
|
||||||
<div class="example-column example-column-1">
|
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
<a href="#"><img class="card-img-top" src="../assets/images/photos/david-klaasen-54203-500.jpg" alt="And this isn't my nose. This is a false one." /></a>
|
<a href="#"><img class="card-img-top" src="../assets/images/photos/david-klaasen-54203-500.jpg" alt="And this isn't my nose. This is a false one." /></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(../assets/images/faces/female/18.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(../assets/images/faces/female/18.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -490,10 +297,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><img</span> <span class="na">class=</span><span class="s">"card-img-top"</span> <span class="na">src=</span><span class="s">"./assets/images/photos/david-klaasen-54203-500.jpg"</span> <span class="na">alt=</span><span class="s">"And this isn&#39;t my nose. This is a false one."</span><span class="nt">></a></span>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">><img</span> <span class="na">class=</span><span class="s">"card-img-top"</span> <span class="na">src=</span><span class="s">"./assets/images/photos/david-klaasen-54203-500.jpg"</span> <span class="na">alt=</span><span class="s">"And this isn&#39;t my nose. This is a false one."</span><span class="nt">></a></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body d-flex flex-column"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body d-flex flex-column"</span><span class="nt">></span>
|
||||||
<span class="nt"><h4><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>And this isn't my nose. This is a false one.<span class="nt"></a></h4></span>
|
<span class="nt"><h4><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>And this isn't my nose. This is a false one.<span class="nt"></a></h4></span>
|
||||||
@@ -509,15 +317,13 @@
|
|||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="row-deck">Row deck</h3>
|
<h3 id="row-deck">Row deck</h3>
|
||||||
|
<p>If you want to create a couple of posts next to each other, add the <code class="highlighter-rouge">.row-deck</code> class to <code class="highlighter-rouge">.row</code>—then they will all have the same height.</p>
|
||||||
<p>If you want to create a couple of posts next to each other, add the <code class="highlighter-rouge">.row-deck</code> class to <code class="highlighter-rouge">.row</code>—then they will all have the same height.</p>
|
<div class="example example-bg">
|
||||||
|
<div class="example-column example-column-2">
|
||||||
<div class="example example-bg">
|
<div class="row row-cards row-deck">
|
||||||
<div class="example-column example-column-2">
|
|
||||||
<div class="row row-cards row-deck">
|
|
||||||
<div class="col-md-4">
|
<div class="col-md-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">Short content</div>
|
<div class="card-body">Short content</div>
|
||||||
@@ -533,10 +339,11 @@
|
|||||||
<div class="card-body">Short content</div>
|
<div class="card-body">Short content</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"row row-cards row-deck"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"row row-cards row-deck"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-md-4"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-md-4"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>Short content<span class="nt"></div></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>Short content<span class="nt"></div></span>
|
||||||
@@ -552,28 +359,17 @@
|
|||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>Short content<span class="nt"></div></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>Short content<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="post-card-with-aside-image">Post card with aside image</h3>
|
<h3 id="post-card-with-aside-image">Post card with aside image</h3>
|
||||||
|
<p>You can also add the image on the left side of the card. All you need do to is: add the <code class="highlighter-rouge">.card-aside</code> class to the element with the <code class="highlighter-rouge">.card</code> class. Then add the image in the <code class="highlighter-rouge">.card-aside-column</code> element. No worries, tabler will automatically center it and scale to right size:</p>
|
||||||
<p>You can also add the image on the left side of the card. All you need do to is: add the <code class="highlighter-rouge">.card-aside</code> class to the element with the <code class="highlighter-rouge">.card</code> class. Then add the image in the <code class="highlighter-rouge">.card-aside-column</code> element. No worries, tabler will automatically center it and scale to right size:</p>
|
<div class="example example-bg">
|
||||||
|
<div class="example-column example-column-2">
|
||||||
<div class="example example-bg">
|
<div class="card card-aside">
|
||||||
<div class="example-column example-column-2">
|
|
||||||
<div class="card card-aside">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="#" class="card-aside-column" style="background-image: url(../assets/images/photos/david-klaasen-54203-500.jpg)"></a>
|
<a href="#" class="card-aside-column" style="background-image: url(../assets/images/photos/david-klaasen-54203-500.jpg)"></a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-body d-flex flex-column">
|
<div class="card-body d-flex flex-column">
|
||||||
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
<h4><a href="#">And this isn't my nose. This is a false one.</a></h4>
|
||||||
|
|
||||||
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
<div class="text-muted">Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...</div>
|
||||||
|
|
||||||
<div class="d-flex align-items-center pt-5 mt-auto">
|
<div class="d-flex align-items-center pt-5 mt-auto">
|
||||||
<div class="avatar avatar-md mr-3" style="background-image: url(../assets/images/faces/female/18.jpg)"></div>
|
<div class="avatar avatar-md mr-3" style="background-image: url(../assets/images/faces/female/18.jpg)"></div>
|
||||||
<div>
|
<div>
|
||||||
@@ -585,10 +381,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card card-aside"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card card-aside"</span><span class="nt">></span>
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"card-aside-column"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"</span><span class="nt">></a></span>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"card-aside-column"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/photos/david-klaasen-54203-500.jpg)"</span><span class="nt">></a></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body d-flex flex-column"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body d-flex flex-column"</span><span class="nt">></span>
|
||||||
<span class="nt"><h4><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>And this isn't my nose. This is a false one.<span class="nt"></a></h4></span>
|
<span class="nt"><h4><a</span> <span class="na">href=</span><span class="s">"#"</span><span class="nt">></span>And this isn't my nose. This is a false one.<span class="nt"></a></h4></span>
|
||||||
@@ -604,57 +401,39 @@
|
|||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="color-variations">Color variations</h3>
|
<h3 id="color-variations">Color variations</h3>
|
||||||
|
<div class="example example-bg">
|
||||||
<div class="example example-bg">
|
<div class="example-column example-column-2">
|
||||||
<div class="example-column example-column-2">
|
<div class="row row-cards row-deck">
|
||||||
<div class="row row-cards row-deck">
|
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status bg-purple"></div>
|
<div class="card-status bg-purple"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card status</h3>
|
<h3 class="card-title">Card status</h3>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6">
|
<div class="col-md-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
|
|
||||||
<div class="card-status card-status-left bg-blue"></div>
|
<div class="card-status card-status-left bg-blue"></div>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card status on left side</h3>
|
<h3 class="card-title">Card status on left side</h3>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"row row-cards row-deck"</span><span class="nt">></span>
|
</div>
|
||||||
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"row row-cards row-deck"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-md-6"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-md-6"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-status bg-purple"</span><span class="nt">></div></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-status bg-purple"</span><span class="nt">></div></span>
|
||||||
@@ -677,40 +456,29 @@
|
|||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="card-with-switch">Card with switch</h3>
|
<h3 id="card-with-switch">Card with switch</h3>
|
||||||
|
<div class="example example-bg">
|
||||||
<div class="example example-bg">
|
<div class="example-column example-column-1">
|
||||||
<div class="example-column example-column-1">
|
<div class="card">
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with switch</h3>
|
<h3 class="card-title">Card with switch</h3>
|
||||||
|
|
||||||
|
|
||||||
<div class="card-options">
|
<div class="card-options">
|
||||||
|
|
||||||
<label class="custom-switch m-0">
|
<label class="custom-switch m-0">
|
||||||
<input type="checkbox" value="1" class="custom-switch-input" checked="" />
|
<input type="checkbox" value="1" class="custom-switch-input" checked="" />
|
||||||
<span class="custom-switch-indicator"></span>
|
<span class="custom-switch-indicator"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
||||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card with switch<span class="nt"></h3></span>
|
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card with switch<span class="nt"></h3></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-options"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-options"</span><span class="nt">></span>
|
||||||
@@ -723,36 +491,28 @@
|
|||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-body"</span><span class="nt">></span>
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="card-with-loader">Card with loader</h3>
|
<h3 id="card-with-loader">Card with loader</h3>
|
||||||
|
<div class="example example-bg">
|
||||||
<div class="example example-bg">
|
<div class="example-column example-column-1">
|
||||||
<div class="example-column example-column-1">
|
<div class="card">
|
||||||
<div class="card">
|
|
||||||
|
|
||||||
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Card with loader</h3>
|
<h3 class="card-title">Card with loader</h3>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="dimmer active">
|
<div class="dimmer active">
|
||||||
<div class="loader"></div>
|
<div class="loader"></div>
|
||||||
<div class="dimmer-content">
|
<div class="dimmer-content">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
||||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card with loader<span class="nt"></h3></span>
|
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Card with loader<span class="nt"></h3></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
@@ -764,19 +524,17 @@
|
|||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -812,9 +570,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -835,12 +592,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
258
dist/docs/charts.html
vendored
258
dist/docs/charts.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/charts.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/charts.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,30 +213,21 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Charts</h2>
|
<h2 class="mt-0 mb-4">Charts</h2>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 id="c3js-charts">c3.js charts</h3>
|
<h3 id="c3js-charts">c3.js charts</h3>
|
||||||
|
<div class="example example-bg">
|
||||||
<div class="example example-bg">
|
<div class="example-column example-column-2">
|
||||||
<div class="example-column example-column-2">
|
<div class="card">
|
||||||
<div class="card">
|
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Chart name</h3>
|
<h3 class="card-title">Chart name</h3>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div id="chart-wrapper" style="height: 16rem"></div>
|
<div id="chart-wrapper" style="height: 16rem"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<script>
|
<script>
|
||||||
require(['c3', 'jquery'], function(c3, $) {
|
require(['c3', 'jquery'], function(c3, $) {
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var chart = c3.generate({
|
var chart = c3.generate({
|
||||||
bindto: '#chart-wrapper', // id of chart wrapper
|
bindto: '#chart-wrapper', // id of chart wrapper
|
||||||
@@ -426,11 +265,12 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"card"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"card-header"</span><span class="nt">></span>
|
||||||
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Chart name<span class="nt"></h3></span>
|
<span class="nt"><h3</span> <span class="na">class=</span><span class="s">"card-title"</span><span class="nt">></span>Chart name<span class="nt"></h3></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
@@ -478,19 +318,17 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
<span class="p">});</span>
|
<span class="p">});</span>
|
||||||
<span class="p">});</span>
|
<span class="p">});</span>
|
||||||
<span class="p">});</span>
|
<span class="p">});</span>
|
||||||
<span class="nt"></script></span></code></pre></div>
|
<span class="nt"></script></span></code></pre>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -526,9 +364,8 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -549,12 +386,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
340
dist/docs/form-components.html
vendored
340
dist/docs/form-components.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/form-components.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/form-components.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,78 +213,58 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Form components</h2>
|
<h2 class="mt-0 mb-4">Form components</h2>
|
||||||
|
<h3 id="color-input">Color input</h3>
|
||||||
|
<div class="example">
|
||||||
|
<div class="form-group">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 id="color-input">Color input</h3>
|
|
||||||
|
|
||||||
<div class="example">
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Color Input</label>
|
<label class="form-label">Color Input</label>
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="azure" class="colorinput-input" />
|
<input name="color" type="checkbox" value="azure" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-azure"></span>
|
<span class="colorinput-color bg-azure"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="indigo" class="colorinput-input" checked="" />
|
<input name="color" type="checkbox" value="indigo" class="colorinput-input" checked="" />
|
||||||
<span class="colorinput-color bg-indigo"></span>
|
<span class="colorinput-color bg-indigo"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="purple" class="colorinput-input" />
|
<input name="color" type="checkbox" value="purple" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-purple"></span>
|
<span class="colorinput-color bg-purple"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="pink" class="colorinput-input" />
|
<input name="color" type="checkbox" value="pink" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-pink"></span>
|
<span class="colorinput-color bg-pink"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="red" class="colorinput-input" />
|
<input name="color" type="checkbox" value="red" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-red"></span>
|
<span class="colorinput-color bg-red"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="orange" class="colorinput-input" />
|
<input name="color" type="checkbox" value="orange" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-orange"></span>
|
<span class="colorinput-color bg-orange"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="yellow" class="colorinput-input" />
|
<input name="color" type="checkbox" value="yellow" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-yellow"></span>
|
<span class="colorinput-color bg-yellow"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="lime" class="colorinput-input" />
|
<input name="color" type="checkbox" value="lime" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-lime"></span>
|
<span class="colorinput-color bg-lime"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="green" class="colorinput-input" />
|
<input name="color" type="checkbox" value="green" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-green"></span>
|
<span class="colorinput-color bg-green"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="teal" class="colorinput-input" />
|
<input name="color" type="checkbox" value="teal" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-teal"></span>
|
<span class="colorinput-color bg-teal"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Color Input<span class="nt"></label></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Color Input<span class="nt"></label></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"d-flex"</span><span class="nt">></span>
|
||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"colorinput mr-2"</span><span class="nt">></span>
|
||||||
@@ -480,15 +308,13 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-teal"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"colorinput-color bg-teal"</span><span class="nt">></span></span>
|
||||||
<span class="nt"></label></span>
|
<span class="nt"></label></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="image-input">Image input</h3>
|
<h3 id="image-input">Image input</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Image Check</label>
|
<label class="form-label">Image Check</label>
|
||||||
<div class="row sm-gutters">
|
<div class="row sm-gutters">
|
||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
|
||||||
@@ -497,7 +323,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked="" />
|
<input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked="" />
|
||||||
@@ -506,7 +331,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
|
||||||
@@ -515,7 +339,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked="" />
|
<input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked="" />
|
||||||
@@ -524,7 +347,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
|
||||||
@@ -533,7 +355,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-2">
|
<div class="col-sm-2">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
|
||||||
@@ -542,11 +363,11 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Image Check<span class="nt"></label></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Image Check<span class="nt"></label></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row sm-gutters"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"row sm-gutters"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-sm-2"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"col-sm-2"</span><span class="nt">></span>
|
||||||
@@ -598,12 +419,11 @@
|
|||||||
<span class="nt"></label></span>
|
<span class="nt"></label></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="icon-input">Icon input</h3>
|
<h3 id="icon-input">Icon input</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Icon input</label>
|
<label class="form-label">Icon input</label>
|
||||||
<div class="input-icon mb-3">
|
<div class="input-icon mb-3">
|
||||||
<input type="text" class="form-control" placeholder="Search for..." />
|
<input type="text" class="form-control" placeholder="Search for..." />
|
||||||
@@ -617,9 +437,10 @@
|
|||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Username" />
|
<input type="text" class="form-control" placeholder="Username" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Icon input<span class="nt"></label></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Icon input<span class="nt"></label></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-icon mb-3"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"input-icon mb-3"</span><span class="nt">></span>
|
||||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">placeholder=</span><span class="s">"Search for..."</span><span class="nt">></span>
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">placeholder=</span><span class="s">"Search for..."</span><span class="nt">></span>
|
||||||
@@ -633,12 +454,11 @@
|
|||||||
<span class="nt"></span></span>
|
<span class="nt"></span></span>
|
||||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">placeholder=</span><span class="s">"Username"</span><span class="nt">></span>
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="na">placeholder=</span><span class="s">"Username"</span><span class="nt">></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="toggle-switches">Toggle switches</h3>
|
<h3 id="toggle-switches">Toggle switches</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="form-group">
|
||||||
<div class="form-group">
|
|
||||||
<div class="form-label">Toggle switches</div>
|
<div class="form-label">Toggle switches</div>
|
||||||
<div class="custom-switches-stacked">
|
<div class="custom-switches-stacked">
|
||||||
<label class="custom-switch">
|
<label class="custom-switch">
|
||||||
@@ -651,16 +471,16 @@
|
|||||||
<span class="custom-switch-indicator"></span>
|
<span class="custom-switch-indicator"></span>
|
||||||
<span class="custom-switch-description">Option 2</span>
|
<span class="custom-switch-description">Option 2</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="custom-switch">
|
<label class="custom-switch">
|
||||||
<input type="radio" name="option" value="3" class="custom-switch-input" />
|
<input type="radio" name="option" value="3" class="custom-switch-input" />
|
||||||
<span class="custom-switch-indicator"></span>
|
<span class="custom-switch-indicator"></span>
|
||||||
<span class="custom-switch-description">Option 3</span>
|
<span class="custom-switch-description">Option 3</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Toggle switches<span class="nt"></div></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Toggle switches<span class="nt"></div></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-switches-stacked"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"custom-switches-stacked"</span><span class="nt">></span>
|
||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-switch"</span><span class="nt">></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"custom-switch"</span><span class="nt">></span>
|
||||||
@@ -679,12 +499,11 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"custom-switch-description"</span><span class="nt">></span>Option 3<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"custom-switch-description"</span><span class="nt">></span>Option 3<span class="nt"></span></span>
|
||||||
<span class="nt"></label></span>
|
<span class="nt"></label></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="form-fieldset">Form fieldset</h3>
|
<h3 id="form-fieldset">Form fieldset</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<fieldset class="form-fieldset">
|
||||||
<fieldset class="form-fieldset">
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Full name<span class="form-required">*</span></label>
|
<label class="form-label">Full name<span class="form-required">*</span></label>
|
||||||
<input type="text" class="form-control" />
|
<input type="text" class="form-control" />
|
||||||
@@ -701,9 +520,10 @@
|
|||||||
<label class="form-label">Phone number</label>
|
<label class="form-label">Phone number</label>
|
||||||
<input type="tel" class="form-control" />
|
<input type="tel" class="form-control" />
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><fieldset</span> <span class="na">class=</span><span class="s">"form-fieldset"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><fieldset</span> <span class="na">class=</span><span class="s">"form-fieldset"</span><span class="nt">></span>
|
||||||
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
<span class="nt"><div</span> <span class="na">class=</span><span class="s">"form-group"</span><span class="nt">></span>
|
||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Full name<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-required"</span><span class="nt">></span>*<span class="nt"></span></label></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Full name<span class="nt"><span</span> <span class="na">class=</span><span class="s">"form-required"</span><span class="nt">></span>*<span class="nt"></span></label></span>
|
||||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="nt">/></span>
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"text"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="nt">/></span>
|
||||||
@@ -720,19 +540,17 @@
|
|||||||
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Phone number<span class="nt"></label></span>
|
<span class="nt"><label</span> <span class="na">class=</span><span class="s">"form-label"</span><span class="nt">></span>Phone number<span class="nt"></label></span>
|
||||||
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"tel"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="nt">/></span>
|
<span class="nt"><input</span> <span class="na">type=</span><span class="s">"tel"</span> <span class="na">class=</span><span class="s">"form-control"</span> <span class="nt">/></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
<span class="nt"></fieldset></span></code></pre></div>
|
<span class="nt"></fieldset></span></code></pre>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -768,9 +586,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -791,12 +608,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
233
dist/docs/grid.html
vendored
233
dist/docs/grid.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/grid.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/grid.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,34 +213,21 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Grid utilities</h2>
|
<h2 class="mt-0 mb-4">Grid utilities</h2>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="alert alert-primary mt-5 mb-6">
|
<div class="alert alert-primary mt-5 mb-6">
|
||||||
<h4 class="mb-1">Work in progress!</h4>
|
<h4 class="mb-1">Work in progress!</h4>
|
||||||
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
|
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -428,9 +263,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -451,12 +285,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
267
dist/docs/index.html
vendored
267
dist/docs/index.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/index.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/index.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,61 +213,40 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Introduction</h2>
|
<h2 class="mt-0 mb-4">Introduction</h2>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<p>We’ve created this admin panel for everyone who wants to create any templates based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge—as a reward, you’ll be able to manage and visualize different types of data in the easiest possible way!</p>
|
<p>We’ve created this admin panel for everyone who wants to create any templates based on our ready components. Our mission is to deliver a user-friendly, clear and easy administration panel, that can be used by both, simple websites and sophisticated systems. The only requirement is a basic HTML and CSS knowledge—as a reward, you’ll be able to manage and visualize different types of data in the easiest possible way!</p>
|
||||||
|
<h3 id="setup-environment">Setup environment</h3>
|
||||||
<h3 id="setup-environment">Setup environment</h3>
|
<p>To use our build system and run our documentation locally, you’ll need a copy of Tabler’s source files and Node. Follow these steps:</p>
|
||||||
|
<ol>
|
||||||
<p>To use our build system and run our documentation locally, you’ll need a copy of Tabler’s source files and Node. Follow these steps:</p>
|
|
||||||
|
|
||||||
<ol>
|
|
||||||
<li><a href="https://nodejs.org/download/">Download and install Node.js</a>, which we use to manage our dependencies.</li>
|
<li><a href="https://nodejs.org/download/">Download and install Node.js</a>, which we use to manage our dependencies.</li>
|
||||||
<li>Navigate to the root <code class="highlighter-rouge">/tabler</code> directory and run <code class="highlighter-rouge">npm install</code> to install our local dependencies listed in <code class="highlighter-rouge">package.json</code>.</li>
|
<li>Navigate to the root <code class="highlighter-rouge">/tabler</code> directory and run <code class="highlighter-rouge">npm install</code> to install our local dependencies listed in <code class="highlighter-rouge">package.json</code>.</li>
|
||||||
<li>
|
<li>
|
||||||
<p><a href="https://www.ruby-lang.org/en/documentation/installation/">Install Ruby</a>, install <a href="https://bundler.io/">Bundler</a> with <code class="highlighter-rouge">gem install bundler</code>, and finally run <code class="highlighter-rouge">bundle install</code>. This will install all Ruby dependencies, such as Jekyll and plugins.</p>
|
<p><a href="https://www.ruby-lang.org/en/documentation/installation/">Install Ruby</a>, install <a href="https://bundler.io/">Bundler</a> with <code class="highlighter-rouge">gem install bundler</code>, and finally run <code class="highlighter-rouge">bundle install</code>. This will install all Ruby dependencies, such as Jekyll and plugins.</p>
|
||||||
|
|
||||||
<p><strong>Windows users:</strong> Read <a href="https://jekyllrb.com/docs/windows/">this guide</a> to get Jekyll up and running without problems.</p>
|
<p><strong>Windows users:</strong> Read <a href="https://jekyllrb.com/docs/windows/">this guide</a> to get Jekyll up and running without problems.</p>
|
||||||
</li>
|
</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
<p>When completed, you’ll be able to run the various commands provided from the command line.</p>
|
||||||
<p>When completed, you’ll be able to run the various commands provided from the command line.</p>
|
<h3 id="build-tabler-locally">Build Tabler locally</h3>
|
||||||
|
<ol>
|
||||||
<h3 id="build-tabler-locally">Build Tabler locally</h3>
|
|
||||||
|
|
||||||
<ol>
|
|
||||||
<li>From the root <code class="highlighter-rouge">/tabler</code> directory, run <code class="highlighter-rouge">npm run serve</code> in the command line.</li>
|
<li>From the root <code class="highlighter-rouge">/tabler</code> directory, run <code class="highlighter-rouge">npm run serve</code> in the command line.</li>
|
||||||
<li>Open <a href="http://localhost:4000">http://localhost:4000</a> in your browser, and voilà.</li>
|
<li>Open <a href="http://localhost:4000">http://localhost:4000</a> in your browser, and voilà.</li>
|
||||||
<li>Any change in <code class="highlighter-rouge">/src</code> directory will build application and refresh the page.</li>
|
<li>Any change in <code class="highlighter-rouge">/src</code> directory will build application and refresh the page.</li>
|
||||||
</ol>
|
</ol>
|
||||||
|
<div class="alert alert-warning">
|
||||||
<div class="alert alert-warning">
|
<strong>Warning!</strong> all changes made in <code>_site/</code> folder would be overwriten on application build.
|
||||||
<strong>Warning!</strong> all changes made in <code>_site/</code> folder would be overwriten on application build.
|
</div>
|
||||||
</div>
|
<h3 id="bugs-and-feature-requests">Bugs and feature requests</h3>
|
||||||
|
<p>Have a bug or a feature request? <a href="https://github.com/tabler/tabler/issues/new">Please open a new issue</a>.</p>
|
||||||
<h3 id="bugs-and-feature-requests">Bugs and feature requests</h3>
|
|
||||||
|
|
||||||
<p>Have a bug or a feature request? <a href="https://github.com/tabler/tabler/issues/new">Please open a new issue</a>.</p>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -455,9 +282,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -478,12 +304,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
508
dist/docs/tags.html
vendored
508
dist/docs/tags.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/tags.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/tags.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,91 +213,69 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Tags</h2>
|
<h2 class="mt-0 mb-4">Tags</h2>
|
||||||
|
|
||||||
|
|
||||||
<p>Small tag labels to insert anywhere</p>
|
<p>Small tag labels to insert anywhere</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 id="default-tag">Default tag</h3>
|
<h3 id="default-tag">Default tag</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
<span class="tag">First tag</span>
|
||||||
<span class="tag">First tag</span>
|
<span class="tag">Second tag</span>
|
||||||
<span class="tag">Second tag</span>
|
<span class="tag">Third tag</span>
|
||||||
<span class="tag">Third tag</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Second tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Second tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Third tag<span class="nt"></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Third tag<span class="nt"></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="link-tag">Link tag</h3>
|
<h3 id="link-tag">Link tag</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
<a href="#" class="tag">First tag</a>
|
||||||
<a href="#" class="tag">First tag</a>
|
<a href="#" class="tag">Second tag</a>
|
||||||
<a href="#" class="tag">Second tag</a>
|
<a href="#" class="tag">Third tag</a>
|
||||||
<a href="#" class="tag">Third tag</a>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>First tag<span class="nt"></a></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>First tag<span class="nt"></a></span>
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Second tag<span class="nt"></a></span>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Second tag<span class="nt"></a></span>
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Third tag<span class="nt"></a></span></code></pre></div>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Third tag<span class="nt"></a></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="rounded-tag">Rounded tag</h3>
|
<h3 id="rounded-tag">Rounded tag</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
<span class="tag tag-rounded">First tag</span>
|
||||||
<span class="tag tag-rounded">First tag</span>
|
<span class="tag tag-rounded">Second tag</span>
|
||||||
<span class="tag tag-rounded">Second tag</span>
|
<span class="tag tag-rounded">Third tag</span>
|
||||||
<span class="tag tag-rounded">Third tag</span>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="highlight">
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-rounded"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-rounded"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-rounded"</span><span class="nt">></span>Second tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-rounded"</span><span class="nt">></span>Second tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-rounded"</span><span class="nt">></span>Third tag<span class="nt"></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-rounded"</span><span class="nt">></span>Third tag<span class="nt"></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="color-tag">Color tag</h3>
|
<h3 id="color-tag">Color tag</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
<span class="tag tag-blue">Blue tag</span>
|
||||||
<span class="tag tag-blue">Blue tag</span>
|
<span class="tag tag-azure">Azure tag</span>
|
||||||
|
<span class="tag tag-indigo">Indigo tag</span>
|
||||||
<span class="tag tag-azure">Azure tag</span>
|
<span class="tag tag-purple">Purple tag</span>
|
||||||
|
<span class="tag tag-pink">Pink tag</span>
|
||||||
<span class="tag tag-indigo">Indigo tag</span>
|
<span class="tag tag-red">Red tag</span>
|
||||||
|
<span class="tag tag-orange">Orange tag</span>
|
||||||
<span class="tag tag-purple">Purple tag</span>
|
<span class="tag tag-yellow">Yellow tag</span>
|
||||||
|
<span class="tag tag-lime">Lime tag</span>
|
||||||
<span class="tag tag-pink">Pink tag</span>
|
<span class="tag tag-green">Green tag</span>
|
||||||
|
<span class="tag tag-teal">Teal tag</span>
|
||||||
<span class="tag tag-red">Red tag</span>
|
<span class="tag tag-cyan">Cyan tag</span>
|
||||||
|
<span class="tag tag-gray">Gray tag</span>
|
||||||
<span class="tag tag-orange">Orange tag</span>
|
<span class="tag tag-gray-dark">Dark gray tag</span>
|
||||||
|
</div>
|
||||||
<span class="tag tag-yellow">Yellow tag</span>
|
</div>
|
||||||
|
<div class="highlight">
|
||||||
<span class="tag tag-lime">Lime tag</span>
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-blue"</span><span class="nt">></span>Blue tag<span class="nt"></span></span>
|
||||||
|
|
||||||
<span class="tag tag-green">Green tag</span>
|
|
||||||
|
|
||||||
<span class="tag tag-teal">Teal tag</span>
|
|
||||||
|
|
||||||
<span class="tag tag-cyan">Cyan tag</span>
|
|
||||||
|
|
||||||
<span class="tag tag-gray">Gray tag</span>
|
|
||||||
|
|
||||||
<span class="tag tag-gray-dark">Dark gray tag</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-blue"</span><span class="nt">></span>Blue tag<span class="nt"></span></span>
|
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-azure"</span><span class="nt">></span>Azure tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-azure"</span><span class="nt">></span>Azure tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-indigo"</span><span class="nt">></span>Indigo tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-indigo"</span><span class="nt">></span>Indigo tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-purple"</span><span class="nt">></span>Purple tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-purple"</span><span class="nt">></span>Purple tag<span class="nt"></span></span>
|
||||||
@@ -462,54 +288,47 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-teal"</span><span class="nt">></span>Teal tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-teal"</span><span class="nt">></span>Teal tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-cyan"</span><span class="nt">></span>Cyan tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-cyan"</span><span class="nt">></span>Cyan tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-gray"</span><span class="nt">></span>Gray tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-gray"</span><span class="nt">></span>Gray tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-gray-dark"</span><span class="nt">></span>Dark gray tag<span class="nt"></span></span></code></pre></div>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-gray-dark"</span><span class="nt">></span>Dark gray tag<span class="nt"></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="avatar-tag">Avatar tag</h3>
|
<h3 id="avatar-tag">Avatar tag</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/16.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/16.jpg)"></span>
|
||||||
Victoria
|
Victoria
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/41.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/41.jpg)"></span>
|
||||||
Nathan
|
Nathan
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/1.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/1.jpg)"></span>
|
||||||
Alice
|
Alice
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/18.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/18.jpg)"></span>
|
||||||
Rose
|
Rose
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/16.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/16.jpg)"></span>
|
||||||
Peter
|
Peter
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/26.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/26.jpg)"></span>
|
||||||
Wayne
|
Wayne
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/7.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/7.jpg)"></span>
|
||||||
Michelle
|
Michelle
|
||||||
</span>
|
</span>
|
||||||
|
<span class="tag">
|
||||||
<span class="tag">
|
|
||||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
||||||
Debra
|
Debra
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/16.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/16.jpg)"</span><span class="nt">></span></span>
|
||||||
Victoria
|
Victoria
|
||||||
<span class="nt"></span></span>
|
<span class="nt"></span></span>
|
||||||
@@ -540,29 +359,27 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag-avatar avatar"</span> <span class="na">style=</span><span class="s">"background-image: url(./assets/images/faces/female/17.jpg)"</span><span class="nt">></span></span>
|
||||||
Debra
|
Debra
|
||||||
<span class="nt"></span></span></code></pre></div>
|
<span class="nt"></span></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="list-of-tags">List of tags</h3>
|
<h3 id="list-of-tags">List of tags</h3>
|
||||||
|
<p>You can create a list of tags with the <code class="highlighter-rouge">.tags</code> container.</p>
|
||||||
<p>You can create a list of tags with the <code class="highlighter-rouge">.tags</code> container.</p>
|
<div class="example">
|
||||||
|
<div class="tags">
|
||||||
<div class="example">
|
|
||||||
<div class="tags">
|
|
||||||
<span class="tag">First tag</span>
|
<span class="tag">First tag</span>
|
||||||
<span class="tag">Second tag</span>
|
<span class="tag">Second tag</span>
|
||||||
<span class="tag">Third tag</span>
|
<span class="tag">Third tag</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Second tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Second tag<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Third tag<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Third tag<span class="nt"></span></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<p>If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.</p>
|
<p>If the list is very long, it will automatically wrap on multiple lines, while keeping all tags evenly spaced.</p>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
|
||||||
<span class="tag">One</span>
|
<span class="tag">One</span>
|
||||||
<span class="tag">Two</span>
|
<span class="tag">Two</span>
|
||||||
<span class="tag">Three</span>
|
<span class="tag">Three</span>
|
||||||
@@ -583,9 +400,10 @@
|
|||||||
<span class="tag">Eighteen</span>
|
<span class="tag">Eighteen</span>
|
||||||
<span class="tag">Nineteen</span>
|
<span class="tag">Nineteen</span>
|
||||||
<span class="tag">Twenty</span>
|
<span class="tag">Twenty</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>One<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>One<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Two<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Two<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Three<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Three<span class="nt"></span></span>
|
||||||
@@ -606,12 +424,11 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Eighteen<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Eighteen<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Nineteen<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Nineteen<span class="nt"></span></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Twenty<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>Twenty<span class="nt"></span></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="tag-remove">Tag remove</h3>
|
<h3 id="tag-remove">Tag remove</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
|
||||||
<span class="tag">
|
<span class="tag">
|
||||||
One
|
One
|
||||||
<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
|
<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
|
||||||
@@ -628,9 +445,10 @@
|
|||||||
Four
|
Four
|
||||||
<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
|
<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tags"</span><span class="nt">></span>
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
||||||
One
|
One
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag-addon"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-x"</span><span class="nt">></i></a></span>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag-addon"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-x"</span><span class="nt">></i></a></span>
|
||||||
@@ -647,31 +465,31 @@
|
|||||||
Four
|
Four
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag-addon"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-x"</span><span class="nt">></i></a></span>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag-addon"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-x"</span><span class="nt">></i></a></span>
|
||||||
<span class="nt"></span></span>
|
<span class="nt"></span></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
</div>
|
||||||
<h3 id="tag-addons">Tag addons</h3>
|
<h3 id="tag-addons">Tag addons</h3>
|
||||||
|
<div class="example">
|
||||||
<div class="example">
|
<div class="tags">
|
||||||
<div class="tags">
|
<div class="tag">
|
||||||
<div class="tag">
|
|
||||||
npm
|
npm
|
||||||
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
|
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
|
||||||
</div>
|
</div>
|
||||||
<div class="tag tag-danger">
|
<div class="tag tag-danger">
|
||||||
npm
|
npm
|
||||||
<span class="tag-addon"><i class="fe fe-activity"></i></span>
|
<span class="tag-addon"><i class="fe fe-activity"></i></span>
|
||||||
</div>
|
</div>
|
||||||
<div class="tag">
|
<div class="tag">
|
||||||
bundle
|
bundle
|
||||||
<span class="tag-addon tag-success">passing</span>
|
<span class="tag-addon tag-success">passing</span>
|
||||||
</div>
|
</div>
|
||||||
<span class="tag tag-dark">
|
<span class="tag tag-dark">
|
||||||
CSS gzip size
|
CSS gzip size
|
||||||
<span class="tag-addon tag-warning">20.9 kB</span>
|
<span class="tag-addon tag-warning">20.9 kB</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
||||||
npm
|
npm
|
||||||
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag-addon"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-x"</span><span class="nt">></i></a></span>
|
<span class="nt"><a</span> <span class="na">href=</span><span class="s">"#"</span> <span class="na">class=</span><span class="s">"tag-addon"</span><span class="nt">><i</span> <span class="na">class=</span><span class="s">"fe fe-x"</span><span class="nt">></i></a></span>
|
||||||
<span class="nt"></div></span>
|
<span class="nt"></div></span>
|
||||||
@@ -686,19 +504,17 @@
|
|||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-dark"</span><span class="nt">></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag tag-dark"</span><span class="nt">></span>
|
||||||
CSS gzip size
|
CSS gzip size
|
||||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag-addon tag-warning"</span><span class="nt">></span>20.9 kB<span class="nt"></span></span>
|
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag-addon tag-warning"</span><span class="nt">></span>20.9 kB<span class="nt"></span></span>
|
||||||
<span class="nt"></span></span></code></pre></div>
|
<span class="nt"></span></span></code></pre>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -734,9 +550,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -757,12 +572,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
250
dist/docs/typography.html
vendored
250
dist/docs/typography.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="../assets/js/require.min.js"></script>
|
<script src="../assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '..'
|
baseUrl: '..'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="../assets/js/dashboard.js"></script>
|
<script src="../assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="../index.html">
|
<a class="navbar-brand" href="../index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../store.html" class="nav-item ">Store</a>
|
<a href="../store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../login.html" class="nav-item ">Login</a>
|
<a href="../login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../register.html" class="nav-item ">Register</a>
|
<a href="../register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../400.html" class="nav-item ">400 error</a>
|
<a href="../400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../104.html" class="nav-item ">401 error</a>
|
<a href="../104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../403.html" class="nav-item ">403 error</a>
|
<a href="../403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../404.html" class="nav-item ">404 error</a>
|
<a href="../404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../500.html" class="nav-item ">500 error</a>
|
<a href="../500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../503.html" class="nav-item ">503 error</a>
|
<a href="../503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,72 +177,35 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Documentation
|
Documentation
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-3 order-lg-1 mb-4">
|
<div class="col-lg-3 order-lg-1 mb-4">
|
||||||
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
<a href="https://github.com/tabler/tabler" class="btn btn-block btn-primary mb-6">
|
||||||
<i class="fe fe-github mr-2"></i>Browse source code
|
<i class="fe fe-github mr-2"></i>Browse source code
|
||||||
</a>
|
</a>
|
||||||
|
|
||||||
|
|
||||||
<!-- Getting started -->
|
<!-- Getting started -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
<a href="../docs/index.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-flag"></i></span>Introduction</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<!-- Components -->
|
<!-- Components -->
|
||||||
<div class="list-group list-group-transparent mb-0">
|
<div class="list-group list-group-transparent mb-0">
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
<a href="../docs/alerts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-alert-triangle"></i></span>Alerts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
<a href="../docs/avatars.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-user"></i></span>Avatars</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
<a href="../docs/buttons.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-plus-square"></i></span>Buttons</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
<a href="../docs/cards.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-image"></i></span>Cards</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
<a href="../docs/charts.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-pie-chart"></i></span>Charts</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
<a href="../docs/form-components.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-check-square"></i></span>Form components</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
<a href="../docs/tags.html" class="list-group-item list-group-item-action"><span class="icon mr-3"><i class="fe fe-tag"></i></span>Tags</a>
|
||||||
|
|
||||||
|
|
||||||
<a href="../docs/typography.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
<a href="../docs/typography.html" class="list-group-item list-group-item-action active"><span class="icon mr-3"><i class="fe fe-type"></i></span>Typography</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="d-none d-lg-block mt-6">
|
<div class="d-none d-lg-block mt-6">
|
||||||
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/typography.md" class="text-muted">Edit this page</a>
|
<a href="https://github.com/tabler/tabler/edit/dev/src/_docs/typography.md" class="text-muted">Edit this page</a>
|
||||||
</div>
|
</div>
|
||||||
@@ -365,24 +213,13 @@
|
|||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
|
|
||||||
<div class="text-wrap p-lg-6">
|
<div class="text-wrap p-lg-6">
|
||||||
<h2 class="mt-0 mb-4">Typography</h2>
|
<h2 class="mt-0 mb-4">Typography</h2>
|
||||||
|
|
||||||
|
|
||||||
<p>A single class to handle WYSIWYG generated content, where only HTML tags are available</p>
|
<p>A single class to handle WYSIWYG generated content, where only HTML tags are available</p>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<h3 id="basic-elements">Basic elements</h3>
|
<h3 id="basic-elements">Basic elements</h3>
|
||||||
|
<p>When you can’t use the CSS classes you want, or when you just want to directly use HTML tags, use <code class="highlighter-rouge">.text-wrap</code> as container. It can handle almost any HTML tag.</p>
|
||||||
<p>When you can’t use the CSS classes you want, or when you just want to directly use HTML tags, use <code class="highlighter-rouge">.text-wrap</code> as container. It can handle almost any HTML tag.</p>
|
<div class="example">
|
||||||
|
<div class="text-wrap">
|
||||||
<div class="example">
|
|
||||||
<div class="text-wrap">
|
|
||||||
<h1>Hello World</h1>
|
<h1>Hello World</h1>
|
||||||
<p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
|
<p>Lorem ipsum<sup><a>[1]</a></sup> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<sub>script</sub> works as well!</p>
|
||||||
<h2>Second level</h2>
|
<h2>Second level</h2>
|
||||||
@@ -471,9 +308,10 @@
|
|||||||
</figure>
|
</figure>
|
||||||
<h6>Sixth level</h6>
|
<h6>Sixth level</h6>
|
||||||
<p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
|
<p>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="highlight"><pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-wrap"</span><span class="nt">></span>
|
<div class="highlight">
|
||||||
|
<pre><code class="language-html" data-lang="html"><span class="nt"><div</span> <span class="na">class=</span><span class="s">"text-wrap"</span><span class="nt">></span>
|
||||||
<span class="nt"><h1></span>Hello World<span class="nt"></h1></span>
|
<span class="nt"><h1></span>Hello World<span class="nt"></h1></span>
|
||||||
<span class="nt"><p></span>Lorem ipsum<span class="nt"><sup><a></span>[1]<span class="nt"></a></sup></span> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<span class="nt"><sub></span>script<span class="nt"></sub></span> works as well!<span class="nt"></p></span>
|
<span class="nt"><p></span>Lorem ipsum<span class="nt"><sup><a></span>[1]<span class="nt"></a></sup></span> dolor sit amet, consectetur adipiscing elit. Nulla accumsan, metus ultrices eleifend gravida, nulla nunc varius lectus, nec rutrum justo nibh eu lectus. Ut vulputate semper dui. Fusce erat odio, sollicitudin vel erat vel, interdum mattis neque. Sub<span class="nt"><sub></span>script<span class="nt"></sub></span> works as well!<span class="nt"></p></span>
|
||||||
<span class="nt"><h2></span>Second level<span class="nt"></h2></span>
|
<span class="nt"><h2></span>Second level<span class="nt"></h2></span>
|
||||||
@@ -562,19 +400,17 @@
|
|||||||
<span class="nt"></figure></span>
|
<span class="nt"></figure></span>
|
||||||
<span class="nt"><h6></span>Sixth level<span class="nt"></h6></span>
|
<span class="nt"><h6></span>Sixth level<span class="nt"></h6></span>
|
||||||
<span class="nt"><p></span>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.<span class="nt"></p></span>
|
<span class="nt"><p></span>Cras in nibh lacinia, venenatis nisi et, auctor urna. Donec pulvinar lacus sed diam dignissim, ut eleifend eros accumsan. Phasellus non tortor eros. Ut sed rutrum lacus. Etiam purus nunc, scelerisque quis enim vitae, malesuada ultrices turpis. Nunc vitae maximus purus, nec consectetur dui. Suspendisse euismod, elit vel rutrum commodo, ipsum tortor maximus dui, sed varius sapien odio vitae est. Etiam at cursus metus.<span class="nt"></p></span>
|
||||||
<span class="nt"></div></span></code></pre></div>
|
<span class="nt"></div></span></code></pre>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -610,9 +446,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -633,12 +468,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
187
dist/empty.html
vendored
187
dist/empty.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Empty page - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,17 +177,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="page-content">
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -338,9 +217,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -361,12 +239,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
66
dist/forgot-password.html
vendored
66
dist/forgot-password.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Forgot password - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,28 +22,20 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-single">
|
<div class="page-single">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -57,12 +43,9 @@
|
|||||||
<div class="text-center mb-6">
|
<div class="text-center mb-6">
|
||||||
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="card" action="" method="post">
|
<form class="card" action="" method="post">
|
||||||
|
|
||||||
<div class="card-body p-6">
|
<div class="card-body p-6">
|
||||||
<div class="card-title">Forgot password</div>
|
<div class="card-title">Forgot password</div>
|
||||||
|
|
||||||
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
|
<p class="text-muted">Enter your email address and your password will be reset and emailed to you.</p>
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label" for="exampleInputEmail1">Email address</label>
|
<label class="form-label" for="exampleInputEmail1">Email address</label>
|
||||||
@@ -72,19 +55,14 @@
|
|||||||
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
|
<button type="submit" class="btn btn-primary btn-block">Send me new password</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<div class="text-center text-muted">
|
<div class="text-center text-muted">
|
||||||
Forget it, <a href="./login.html">send me back</a> to the sign in screen.
|
Forget it, <a href="./login.html">send me back</a> to the sign in screen.
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
387
dist/form-elements.html
vendored
387
dist/form-elements.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link active"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link active"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,12 +177,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-12">
|
<div class="col-12">
|
||||||
@@ -328,12 +209,9 @@
|
|||||||
<label class="form-label">Textarea <span class="form-label-small">56/100</span></label>
|
<label class="form-label">Textarea <span class="form-label-small">56/100</span></label>
|
||||||
<textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
|
<textarea class="form-control" name="example-textarea-input" rows="6" placeholder="Content..">Oh! Come and see the violence inherent in the system! Help, help, I'm being repressed! We shall say 'Ni' again to you, if you do not appease us. I'm not a witch. I'm not a witch. Camelot!</textarea>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="form-group">
|
||||||
|
|
||||||
<div class="form-group">
|
|
||||||
<label class="form-label">Image Check</label>
|
<label class="form-label">Image Check</label>
|
||||||
<div class="row sm-gutters">
|
<div class="row sm-gutters">
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
|
||||||
@@ -342,7 +220,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked />
|
<input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked />
|
||||||
@@ -351,7 +228,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
|
||||||
@@ -360,7 +236,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked />
|
<input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked />
|
||||||
@@ -369,7 +244,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
|
||||||
@@ -378,7 +252,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
|
||||||
@@ -387,7 +260,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="7" class="imagecheck-input" checked />
|
<input name="imagecheck" type="checkbox" value="7" class="imagecheck-input" checked />
|
||||||
@@ -396,7 +268,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="8" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="8" class="imagecheck-input" />
|
||||||
@@ -405,7 +276,6 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-6 col-sm-4">
|
<div class="col-6 col-sm-4">
|
||||||
<label class="imagecheck mb-4">
|
<label class="imagecheck mb-4">
|
||||||
<input name="imagecheck" type="checkbox" value="9" class="imagecheck-input" />
|
<input name="imagecheck" type="checkbox" value="9" class="imagecheck-input" />
|
||||||
@@ -414,67 +284,53 @@
|
|||||||
</figure>
|
</figure>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Color Input</label>
|
<label class="form-label">Color Input</label>
|
||||||
<div class="d-flex">
|
<div class="d-flex">
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="azure" class="colorinput-input" />
|
<input name="color" type="checkbox" value="azure" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-azure"></span>
|
<span class="colorinput-color bg-azure"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="indigo" class="colorinput-input" checked/>
|
<input name="color" type="checkbox" value="indigo" class="colorinput-input" checked/>
|
||||||
<span class="colorinput-color bg-indigo"></span>
|
<span class="colorinput-color bg-indigo"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="purple" class="colorinput-input" />
|
<input name="color" type="checkbox" value="purple" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-purple"></span>
|
<span class="colorinput-color bg-purple"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="pink" class="colorinput-input" />
|
<input name="color" type="checkbox" value="pink" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-pink"></span>
|
<span class="colorinput-color bg-pink"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="red" class="colorinput-input" />
|
<input name="color" type="checkbox" value="red" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-red"></span>
|
<span class="colorinput-color bg-red"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="orange" class="colorinput-input" />
|
<input name="color" type="checkbox" value="orange" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-orange"></span>
|
<span class="colorinput-color bg-orange"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="yellow" class="colorinput-input" />
|
<input name="color" type="checkbox" value="yellow" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-yellow"></span>
|
<span class="colorinput-color bg-yellow"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="lime" class="colorinput-input" />
|
<input name="color" type="checkbox" value="lime" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-lime"></span>
|
<span class="colorinput-color bg-lime"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="green" class="colorinput-input" />
|
<input name="color" type="checkbox" value="green" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-green"></span>
|
<span class="colorinput-color bg-green"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="colorinput mr-2">
|
<label class="colorinput mr-2">
|
||||||
<input name="color" type="checkbox" value="teal" class="colorinput-input" />
|
<input name="color" type="checkbox" value="teal" class="colorinput-input" />
|
||||||
<span class="colorinput-color bg-teal"></span>
|
<span class="colorinput-color bg-teal"></span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Input group</label>
|
<label class="form-label">Input group</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -506,7 +362,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Icon input</label>
|
<label class="form-label">Icon input</label>
|
||||||
<div class="input-icon mb-3">
|
<div class="input-icon mb-3">
|
||||||
@@ -521,8 +376,7 @@
|
|||||||
</span>
|
</span>
|
||||||
<input type="text" class="form-control" placeholder="Username">
|
<input type="text" class="form-control" placeholder="Username">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Separated inputs</label>
|
<label class="form-label">Separated inputs</label>
|
||||||
<div class="row xs-gutters">
|
<div class="row xs-gutters">
|
||||||
@@ -542,7 +396,9 @@
|
|||||||
</div>
|
</div>
|
||||||
<span class="col-auto align-self-center">
|
<span class="col-auto align-self-center">
|
||||||
<span class="form-help" data-toggle="popover" data-placement="top"
|
<span class="form-help" data-toggle="popover" data-placement="top"
|
||||||
data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p><p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>">?</span>
|
data-content="<p>ZIP Code must be US or CDN format. You can use an extended ZIP+4 code to determine address more accurately.</p>
|
||||||
|
<p class='mb-0'><a href=''>USP ZIP codes lookup tools</a></p>
|
||||||
|
">?</span>
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -552,23 +408,18 @@
|
|||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
<input type="password" class="form-control" name="example-password-input" placeholder="Password..">
|
<input type="password" class="form-control" name="example-password-input" placeholder="Password..">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Valid State</label>
|
<label class="form-label">Valid State</label>
|
||||||
<input type="text" class="form-control is-valid" name="example-text-input-valid" placeholder="Valid State..">
|
<input type="text" class="form-control is-valid" name="example-text-input-valid" placeholder="Valid State..">
|
||||||
|
|
||||||
<input type="text" class="form-control mt-3 state-valid" value="Valid state">
|
<input type="text" class="form-control mt-3 state-valid" value="Valid state">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Invalid State</label>
|
<label class="form-label">Invalid State</label>
|
||||||
<input type="text" class="form-control is-invalid" name="example-text-input-invalid"
|
<input type="text" class="form-control is-invalid" name="example-text-input-invalid"
|
||||||
placeholder="Invalid State..">
|
placeholder="Invalid State..">
|
||||||
<div class="invalid-feedback">Invalid feedback</div>
|
<div class="invalid-feedback">Invalid feedback</div>
|
||||||
|
|
||||||
<input type="text" class="form-control mt-3 state-invalid" value="Invalid state">
|
<input type="text" class="form-control mt-3 state-invalid" value="Invalid state">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Country</label>
|
<label class="form-label">Country</label>
|
||||||
<select class="form-control custom-select">
|
<select class="form-control custom-select">
|
||||||
@@ -597,7 +448,6 @@
|
|||||||
<input type="radio" name="value" value="100" class="selectgroup-input">
|
<input type="radio" name="value" value="100" class="selectgroup-input">
|
||||||
<span class="selectgroup-button">M</span>
|
<span class="selectgroup-button">M</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="selectgroup-item">
|
<label class="selectgroup-item">
|
||||||
<input type="radio" name="value" value="150" class="selectgroup-input">
|
<input type="radio" name="value" value="150" class="selectgroup-input">
|
||||||
<span class="selectgroup-button">L</span>
|
<span class="selectgroup-button">L</span>
|
||||||
@@ -675,7 +525,6 @@
|
|||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="form-label">Toggle switches</div>
|
<div class="form-label">Toggle switches</div>
|
||||||
<div class="custom-switches-stacked">
|
<div class="custom-switches-stacked">
|
||||||
@@ -689,15 +538,13 @@
|
|||||||
<span class="custom-switch-indicator"></span>
|
<span class="custom-switch-indicator"></span>
|
||||||
<span class="custom-switch-description">Option 2</span>
|
<span class="custom-switch-description">Option 2</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="custom-switch">
|
<label class="custom-switch">
|
||||||
<input type="radio" name="option" value="3" class="custom-switch-input">
|
<input type="radio" name="option" value="3" class="custom-switch-input">
|
||||||
<span class="custom-switch-indicator"></span>
|
<span class="custom-switch-indicator"></span>
|
||||||
<span class="custom-switch-description">Option 3</span>
|
<span class="custom-switch-description">Option 3</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<div class="form-label">Toggle switch single</div>
|
<div class="form-label">Toggle switch single</div>
|
||||||
<label class="custom-switch">
|
<label class="custom-switch">
|
||||||
@@ -706,7 +553,6 @@
|
|||||||
<span class="custom-switch-description">I agree with terms and conditions</span>
|
<span class="custom-switch-description">I agree with terms and conditions</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<fieldset class="form-fieldset">
|
<fieldset class="form-fieldset">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Full name<span class="form-required">*</span></label>
|
<label class="form-label">Full name<span class="form-required">*</span></label>
|
||||||
@@ -724,7 +570,7 @@
|
|||||||
<label class="form-label">Phone number</label>
|
<label class="form-label">Phone number</label>
|
||||||
<input type="tel" class="form-control" />
|
<input type="tel" class="form-control" />
|
||||||
</div>
|
</div>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-lg-4">
|
<div class="col-md-6 col-lg-4">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -811,7 +657,6 @@
|
|||||||
<label class="custom-file-label">Choose file</label>
|
<label class="custom-file-label">Choose file</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Date of birth</label>
|
<label class="form-label">Date of birth</label>
|
||||||
<div class="row xs-gutters">
|
<div class="row xs-gutters">
|
||||||
@@ -993,8 +838,6 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Username</label>
|
<label class="form-label">Username</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -1004,7 +847,6 @@
|
|||||||
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
|
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Subdomain</label>
|
<label class="form-label">Subdomain</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -1014,7 +856,6 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Your vanity URL</label>
|
<label class="form-label">Your vanity URL</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -1024,7 +865,6 @@
|
|||||||
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
|
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Price</label>
|
<label class="form-label">Price</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -1037,7 +877,6 @@
|
|||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Button input</label>
|
<label class="form-label">Button input</label>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
@@ -1056,12 +895,10 @@
|
|||||||
<input type="text" class="form-control" aria-label="Text input with dropdown button">
|
<input type="text" class="form-control" aria-label="Text input with dropdown button">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Tags</label>
|
<label class="form-label">Tags</label>
|
||||||
<input type="text" class="form-control" id="input-tags" value="aa,bb,cc,dd">
|
<input type="text" class="form-control" id="input-tags" value="aa,bb,cc,dd">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Beast</label>
|
<label class="form-label">Beast</label>
|
||||||
<select name="beast" id="select-beast" class="form-control custom-select">
|
<select name="beast" id="select-beast" class="form-control custom-select">
|
||||||
@@ -1070,214 +907,111 @@
|
|||||||
<option value="3">Nikola Tesla</option>
|
<option value="3">Nikola Tesla</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Users list</label>
|
<label class="form-label">Users list</label>
|
||||||
<select name="user" id="select-users" class="form-control custom-select">
|
<select name="user" id="select-users" class="form-control custom-select">
|
||||||
|
|
||||||
<option value="1" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Victoria King</option>
|
<option value="1" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Victoria King</option>
|
||||||
|
|
||||||
<option value="2" data-data='{"image": "assets/images/faces/male/41.jpg"}'>Nathan Guerrero</option>
|
<option value="2" data-data='{"image": "assets/images/faces/male/41.jpg"}'>Nathan Guerrero</option>
|
||||||
|
|
||||||
<option value="3" data-data='{"image": "assets/images/faces/female/1.jpg"}'>Alice Mason</option>
|
<option value="3" data-data='{"image": "assets/images/faces/female/1.jpg"}'>Alice Mason</option>
|
||||||
|
|
||||||
<option value="4" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Rose Bradley</option>
|
<option value="4" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Rose Bradley</option>
|
||||||
|
|
||||||
<option value="5" data-data='{"image": "assets/images/faces/male/16.jpg"}'>Peter Richards</option>
|
<option value="5" data-data='{"image": "assets/images/faces/male/16.jpg"}'>Peter Richards</option>
|
||||||
|
|
||||||
<option value="6" data-data='{"image": "assets/images/faces/male/26.jpg"}'>Wayne Holland</option>
|
<option value="6" data-data='{"image": "assets/images/faces/male/26.jpg"}'>Wayne Holland</option>
|
||||||
|
|
||||||
<option value="7" data-data='{"image": "assets/images/faces/female/7.jpg"}'>Michelle Ross</option>
|
<option value="7" data-data='{"image": "assets/images/faces/female/7.jpg"}'>Michelle Ross</option>
|
||||||
|
|
||||||
<option value="8" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Debra Beck</option>
|
<option value="8" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Debra Beck</option>
|
||||||
|
|
||||||
<option value="9" data-data='{"image": "assets/images/faces/male/30.jpg"}'>Phillip Peters</option>
|
<option value="9" data-data='{"image": "assets/images/faces/male/30.jpg"}'>Phillip Peters</option>
|
||||||
|
|
||||||
<option value="10" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Jack Ruiz</option>
|
<option value="10" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Jack Ruiz</option>
|
||||||
|
|
||||||
<option value="11" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Ronald Bradley</option>
|
<option value="11" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Ronald Bradley</option>
|
||||||
|
|
||||||
<option value="12" data-data='{"image": "assets/images/faces/female/8.jpg"}'>Kathleen Harper</option>
|
<option value="12" data-data='{"image": "assets/images/faces/female/8.jpg"}'>Kathleen Harper</option>
|
||||||
|
|
||||||
<option value="13" data-data='{"image": "assets/images/faces/male/4.jpg"}'>Bobby Knight</option>
|
<option value="13" data-data='{"image": "assets/images/faces/male/4.jpg"}'>Bobby Knight</option>
|
||||||
|
|
||||||
<option value="14" data-data='{"image": "assets/images/faces/male/35.jpg"}'>Craig Anderson</option>
|
<option value="14" data-data='{"image": "assets/images/faces/male/35.jpg"}'>Craig Anderson</option>
|
||||||
|
|
||||||
<option value="15" data-data='{"image": "assets/images/faces/female/29.jpg"}'>Crystal Wallace</option>
|
<option value="15" data-data='{"image": "assets/images/faces/female/29.jpg"}'>Crystal Wallace</option>
|
||||||
|
|
||||||
<option value="16" data-data='{"image": "assets/images/faces/male/2.jpg"}'>Vincent Valdez</option>
|
<option value="16" data-data='{"image": "assets/images/faces/male/2.jpg"}'>Vincent Valdez</option>
|
||||||
|
|
||||||
<option value="17" data-data='{"image": "assets/images/faces/female/1.jpg"}'>Beverly Armstrong</option>
|
<option value="17" data-data='{"image": "assets/images/faces/female/1.jpg"}'>Beverly Armstrong</option>
|
||||||
|
|
||||||
<option value="18" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Russell Gibson</option>
|
<option value="18" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Russell Gibson</option>
|
||||||
|
|
||||||
<option value="19" data-data='{"image": "assets/images/faces/male/7.jpg"}'>Tyler Munoz</option>
|
<option value="19" data-data='{"image": "assets/images/faces/male/7.jpg"}'>Tyler Munoz</option>
|
||||||
|
|
||||||
<option value="20" data-data='{"image": "assets/images/faces/female/11.jpg"}'>Sharon Wells</option>
|
<option value="20" data-data='{"image": "assets/images/faces/female/11.jpg"}'>Sharon Wells</option>
|
||||||
|
|
||||||
<option value="21" data-data='{"image": "assets/images/faces/male/21.jpg"}'>Juan Hernandez</option>
|
<option value="21" data-data='{"image": "assets/images/faces/male/21.jpg"}'>Juan Hernandez</option>
|
||||||
|
|
||||||
<option value="22" data-data='{"image": "assets/images/faces/male/25.jpg"}'>Dylan Walters</option>
|
<option value="22" data-data='{"image": "assets/images/faces/male/25.jpg"}'>Dylan Walters</option>
|
||||||
|
|
||||||
<option value="23" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Kathryn Cooper</option>
|
<option value="23" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Kathryn Cooper</option>
|
||||||
|
|
||||||
<option value="24" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Cynthia Curtis</option>
|
<option value="24" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Cynthia Curtis</option>
|
||||||
|
|
||||||
<option value="25" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Michael Obrien</option>
|
<option value="25" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Michael Obrien</option>
|
||||||
|
|
||||||
<option value="26" data-data='{"image": "assets/images/faces/male/33.jpg"}'>Billy May</option>
|
<option value="26" data-data='{"image": "assets/images/faces/male/33.jpg"}'>Billy May</option>
|
||||||
|
|
||||||
<option value="27" data-data='{"image": "assets/images/faces/male/6.jpg"}'>Larry Jensen</option>
|
<option value="27" data-data='{"image": "assets/images/faces/male/6.jpg"}'>Larry Jensen</option>
|
||||||
|
|
||||||
<option value="28" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Terry Barnett</option>
|
<option value="28" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Terry Barnett</option>
|
||||||
|
|
||||||
<option value="29" data-data='{"image": "assets/images/faces/female/10.jpg"}'>Ruth Arnold</option>
|
<option value="29" data-data='{"image": "assets/images/faces/female/10.jpg"}'>Ruth Arnold</option>
|
||||||
|
|
||||||
<option value="30" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Julia Reed</option>
|
<option value="30" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Julia Reed</option>
|
||||||
|
|
||||||
<option value="31" data-data='{"image": "assets/images/faces/female/12.jpg"}'>Amanda Hunt</option>
|
<option value="31" data-data='{"image": "assets/images/faces/female/12.jpg"}'>Amanda Hunt</option>
|
||||||
|
|
||||||
<option value="32" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Laura Weaver</option>
|
<option value="32" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Laura Weaver</option>
|
||||||
|
|
||||||
<option value="33" data-data='{"image": "assets/images/faces/female/29.jpg"}'>Margaret Berry</option>
|
<option value="33" data-data='{"image": "assets/images/faces/female/29.jpg"}'>Margaret Berry</option>
|
||||||
|
|
||||||
<option value="34" data-data='{"image": "assets/images/faces/female/2.jpg"}'>Nancy Herrera</option>
|
<option value="34" data-data='{"image": "assets/images/faces/female/2.jpg"}'>Nancy Herrera</option>
|
||||||
|
|
||||||
<option value="35" data-data='{"image": "assets/images/faces/male/34.jpg"}'>Edward Larson</option>
|
<option value="35" data-data='{"image": "assets/images/faces/male/34.jpg"}'>Edward Larson</option>
|
||||||
|
|
||||||
<option value="36" data-data='{"image": "assets/images/faces/female/11.jpg"}'>Joan Hanson</option>
|
<option value="36" data-data='{"image": "assets/images/faces/female/11.jpg"}'>Joan Hanson</option>
|
||||||
|
|
||||||
<option value="37" data-data='{"image": "assets/images/faces/female/30.jpg"}'>Janet Reed</option>
|
<option value="37" data-data='{"image": "assets/images/faces/female/30.jpg"}'>Janet Reed</option>
|
||||||
|
|
||||||
<option value="38" data-data='{"image": "assets/images/faces/male/31.jpg"}'>Johnny Barnett</option>
|
<option value="38" data-data='{"image": "assets/images/faces/male/31.jpg"}'>Johnny Barnett</option>
|
||||||
|
|
||||||
<option value="39" data-data='{"image": "assets/images/faces/male/42.jpg"}'>Ethan Griffin</option>
|
<option value="39" data-data='{"image": "assets/images/faces/male/42.jpg"}'>Ethan Griffin</option>
|
||||||
|
|
||||||
<option value="40" data-data='{"image": "assets/images/faces/male/2.jpg"}'>Albert Torres</option>
|
<option value="40" data-data='{"image": "assets/images/faces/male/2.jpg"}'>Albert Torres</option>
|
||||||
|
|
||||||
<option value="41" data-data='{"image": "assets/images/faces/female/25.jpg"}'>Jane Pearson</option>
|
<option value="41" data-data='{"image": "assets/images/faces/female/25.jpg"}'>Jane Pearson</option>
|
||||||
|
|
||||||
<option value="42" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Jason Porter</option>
|
<option value="42" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Jason Porter</option>
|
||||||
|
|
||||||
<option value="43" data-data='{"image": "assets/images/faces/female/25.jpg"}'>Teresa Wood</option>
|
<option value="43" data-data='{"image": "assets/images/faces/female/25.jpg"}'>Teresa Wood</option>
|
||||||
|
|
||||||
<option value="44" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Mary Butler</option>
|
<option value="44" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Mary Butler</option>
|
||||||
|
|
||||||
<option value="45" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Janice Lane</option>
|
<option value="45" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Janice Lane</option>
|
||||||
|
|
||||||
<option value="46" data-data='{"image": "assets/images/faces/male/26.jpg"}'>Anthony Miller</option>
|
<option value="46" data-data='{"image": "assets/images/faces/male/26.jpg"}'>Anthony Miller</option>
|
||||||
|
|
||||||
<option value="47" data-data='{"image": "assets/images/faces/female/9.jpg"}'>Denise Elliott</option>
|
<option value="47" data-data='{"image": "assets/images/faces/female/9.jpg"}'>Denise Elliott</option>
|
||||||
|
|
||||||
<option value="48" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Rose Cook</option>
|
<option value="48" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Rose Cook</option>
|
||||||
|
|
||||||
<option value="49" data-data='{"image": "assets/images/faces/male/17.jpg"}'>Terry Tucker</option>
|
<option value="49" data-data='{"image": "assets/images/faces/male/17.jpg"}'>Terry Tucker</option>
|
||||||
|
|
||||||
<option value="50" data-data='{"image": "assets/images/faces/female/6.jpg"}'>Grace Knight</option>
|
<option value="50" data-data='{"image": "assets/images/faces/female/6.jpg"}'>Grace Knight</option>
|
||||||
|
|
||||||
<option value="51" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Elizabeth Martin</option>
|
<option value="51" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Elizabeth Martin</option>
|
||||||
|
|
||||||
<option value="52" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Michelle Schultz</option>
|
<option value="52" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Michelle Schultz</option>
|
||||||
|
|
||||||
<option value="53" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Crystal Austin</option>
|
<option value="53" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Crystal Austin</option>
|
||||||
|
|
||||||
<option value="54" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Douglas Ray</option>
|
<option value="54" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Douglas Ray</option>
|
||||||
|
|
||||||
<option value="55" data-data='{"image": "assets/images/faces/female/12.jpg"}'>Teresa Reyes</option>
|
<option value="55" data-data='{"image": "assets/images/faces/female/12.jpg"}'>Teresa Reyes</option>
|
||||||
|
|
||||||
<option value="56" data-data='{"image": "assets/images/faces/female/4.jpg"}'>Emma Wade</option>
|
<option value="56" data-data='{"image": "assets/images/faces/female/4.jpg"}'>Emma Wade</option>
|
||||||
|
|
||||||
<option value="57" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Carol Henderson</option>
|
<option value="57" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Carol Henderson</option>
|
||||||
|
|
||||||
<option value="58" data-data='{"image": "assets/images/faces/male/20.jpg"}'>Christopher Harvey</option>
|
<option value="58" data-data='{"image": "assets/images/faces/male/20.jpg"}'>Christopher Harvey</option>
|
||||||
|
|
||||||
<option value="59" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Deborah Alvarado</option>
|
<option value="59" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Deborah Alvarado</option>
|
||||||
|
|
||||||
<option value="60" data-data='{"image": "assets/images/faces/male/10.jpg"}'>Gregory Hunt</option>
|
<option value="60" data-data='{"image": "assets/images/faces/male/10.jpg"}'>Gregory Hunt</option>
|
||||||
|
|
||||||
<option value="61" data-data='{"image": "assets/images/faces/male/14.jpg"}'>Jesse Carlson</option>
|
<option value="61" data-data='{"image": "assets/images/faces/male/14.jpg"}'>Jesse Carlson</option>
|
||||||
|
|
||||||
<option value="62" data-data='{"image": "assets/images/faces/female/22.jpg"}'>Joan Wood</option>
|
<option value="62" data-data='{"image": "assets/images/faces/female/22.jpg"}'>Joan Wood</option>
|
||||||
|
|
||||||
<option value="63" data-data='{"image": "assets/images/faces/male/20.jpg"}'>Carl Alvarado</option>
|
<option value="63" data-data='{"image": "assets/images/faces/male/20.jpg"}'>Carl Alvarado</option>
|
||||||
|
|
||||||
<option value="64" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Frank George</option>
|
<option value="64" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Frank George</option>
|
||||||
|
|
||||||
<option value="65" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Kathleen Greene</option>
|
<option value="65" data-data='{"image": "assets/images/faces/female/17.jpg"}'>Kathleen Greene</option>
|
||||||
|
|
||||||
<option value="66" data-data='{"image": "assets/images/faces/female/6.jpg"}'>Michelle Gray</option>
|
<option value="66" data-data='{"image": "assets/images/faces/female/6.jpg"}'>Michelle Gray</option>
|
||||||
|
|
||||||
<option value="67" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Nancy Hawkins</option>
|
<option value="67" data-data='{"image": "assets/images/faces/female/5.jpg"}'>Nancy Hawkins</option>
|
||||||
|
|
||||||
<option value="68" data-data='{"image": "assets/images/faces/male/1.jpg"}'>Tyler Fisher</option>
|
<option value="68" data-data='{"image": "assets/images/faces/male/1.jpg"}'>Tyler Fisher</option>
|
||||||
|
|
||||||
<option value="69" data-data='{"image": "assets/images/faces/male/5.jpg"}'>Jordan Cunningham</option>
|
<option value="69" data-data='{"image": "assets/images/faces/male/5.jpg"}'>Jordan Cunningham</option>
|
||||||
|
|
||||||
<option value="70" data-data='{"image": "assets/images/faces/male/27.jpg"}'>Wayne Reynolds</option>
|
<option value="70" data-data='{"image": "assets/images/faces/male/27.jpg"}'>Wayne Reynolds</option>
|
||||||
|
|
||||||
<option value="71" data-data='{"image": "assets/images/faces/male/10.jpg"}'>Johnny Carlson</option>
|
<option value="71" data-data='{"image": "assets/images/faces/male/10.jpg"}'>Johnny Carlson</option>
|
||||||
|
|
||||||
<option value="72" data-data='{"image": "assets/images/faces/male/31.jpg"}'>Tyler Washington</option>
|
<option value="72" data-data='{"image": "assets/images/faces/male/31.jpg"}'>Tyler Washington</option>
|
||||||
|
|
||||||
<option value="73" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Debra Alvarado</option>
|
<option value="73" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Debra Alvarado</option>
|
||||||
|
|
||||||
<option value="74" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Beverly Brewer</option>
|
<option value="74" data-data='{"image": "assets/images/faces/female/21.jpg"}'>Beverly Brewer</option>
|
||||||
|
|
||||||
<option value="75" data-data='{"image": "assets/images/faces/male/42.jpg"}'>Sean Gilbert</option>
|
<option value="75" data-data='{"image": "assets/images/faces/male/42.jpg"}'>Sean Gilbert</option>
|
||||||
|
|
||||||
<option value="76" data-data='{"image": "assets/images/faces/female/32.jpg"}'>Diane McCoy</option>
|
<option value="76" data-data='{"image": "assets/images/faces/female/32.jpg"}'>Diane McCoy</option>
|
||||||
|
|
||||||
<option value="77" data-data='{"image": "assets/images/faces/male/35.jpg"}'>Robert Newman</option>
|
<option value="77" data-data='{"image": "assets/images/faces/male/35.jpg"}'>Robert Newman</option>
|
||||||
|
|
||||||
<option value="78" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Olivia Newman</option>
|
<option value="78" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Olivia Newman</option>
|
||||||
|
|
||||||
<option value="79" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Lori George</option>
|
<option value="79" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Lori George</option>
|
||||||
|
|
||||||
<option value="80" data-data='{"image": "assets/images/faces/female/13.jpg"}'>Madison Jimenez</option>
|
<option value="80" data-data='{"image": "assets/images/faces/female/13.jpg"}'>Madison Jimenez</option>
|
||||||
|
|
||||||
<option value="81" data-data='{"image": "assets/images/faces/female/4.jpg"}'>Joan Rivera</option>
|
<option value="81" data-data='{"image": "assets/images/faces/female/4.jpg"}'>Joan Rivera</option>
|
||||||
|
|
||||||
<option value="82" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Helen Aguilar</option>
|
<option value="82" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Helen Aguilar</option>
|
||||||
|
|
||||||
<option value="83" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Bryan Johnson</option>
|
<option value="83" data-data='{"image": "assets/images/faces/male/40.jpg"}'>Bryan Johnson</option>
|
||||||
|
|
||||||
<option value="84" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Joan Beck</option>
|
<option value="84" data-data='{"image": "assets/images/faces/female/27.jpg"}'>Joan Beck</option>
|
||||||
|
|
||||||
<option value="85" data-data='{"image": "assets/images/faces/male/33.jpg"}'>Douglas James</option>
|
<option value="85" data-data='{"image": "assets/images/faces/male/33.jpg"}'>Douglas James</option>
|
||||||
|
|
||||||
<option value="86" data-data='{"image": "assets/images/faces/male/24.jpg"}'>Ethan Bell</option>
|
<option value="86" data-data='{"image": "assets/images/faces/male/24.jpg"}'>Ethan Bell</option>
|
||||||
|
|
||||||
<option value="87" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Frances White</option>
|
<option value="87" data-data='{"image": "assets/images/faces/female/18.jpg"}'>Frances White</option>
|
||||||
|
|
||||||
<option value="88" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Amanda Lawrence</option>
|
<option value="88" data-data='{"image": "assets/images/faces/female/26.jpg"}'>Amanda Lawrence</option>
|
||||||
|
|
||||||
<option value="89" data-data='{"image": "assets/images/faces/female/7.jpg"}'>Emma Bailey</option>
|
<option value="89" data-data='{"image": "assets/images/faces/female/7.jpg"}'>Emma Bailey</option>
|
||||||
|
|
||||||
<option value="90" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Anna Jordan</option>
|
<option value="90" data-data='{"image": "assets/images/faces/female/16.jpg"}'>Anna Jordan</option>
|
||||||
|
|
||||||
<option value="91" data-data='{"image": "assets/images/faces/male/12.jpg"}'>Daniel Keller</option>
|
<option value="91" data-data='{"image": "assets/images/faces/male/12.jpg"}'>Daniel Keller</option>
|
||||||
|
|
||||||
<option value="92" data-data='{"image": "assets/images/faces/female/23.jpg"}'>Rachel Vargas</option>
|
<option value="92" data-data='{"image": "assets/images/faces/female/23.jpg"}'>Rachel Vargas</option>
|
||||||
|
|
||||||
<option value="93" data-data='{"image": "assets/images/faces/female/15.jpg"}'>Virginia Kelly</option>
|
<option value="93" data-data='{"image": "assets/images/faces/female/15.jpg"}'>Virginia Kelly</option>
|
||||||
|
|
||||||
<option value="94" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Joe Sandoval</option>
|
<option value="94" data-data='{"image": "assets/images/faces/male/32.jpg"}'>Joe Sandoval</option>
|
||||||
|
|
||||||
<option value="95" data-data='{"image": "assets/images/faces/female/9.jpg"}'>Megan Ray</option>
|
<option value="95" data-data='{"image": "assets/images/faces/female/9.jpg"}'>Megan Ray</option>
|
||||||
|
|
||||||
<option value="96" data-data='{"image": "assets/images/faces/male/28.jpg"}'>Joshua Rios</option>
|
<option value="96" data-data='{"image": "assets/images/faces/male/28.jpg"}'>Joshua Rios</option>
|
||||||
|
|
||||||
<option value="97" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Aaron Silva</option>
|
<option value="97" data-data='{"image": "assets/images/faces/male/9.jpg"}'>Aaron Silva</option>
|
||||||
|
|
||||||
<option value="98" data-data='{"image": "assets/images/faces/female/10.jpg"}'>Kathy Wallace</option>
|
<option value="98" data-data='{"image": "assets/images/faces/female/10.jpg"}'>Kathy Wallace</option>
|
||||||
|
|
||||||
<option value="99" data-data='{"image": "assets/images/faces/male/14.jpg"}'>Zachary Griffin</option>
|
<option value="99" data-data='{"image": "assets/images/faces/male/14.jpg"}'>Zachary Griffin</option>
|
||||||
|
|
||||||
<option value="100" data-data='{"image": "assets/images/faces/male/11.jpg"}'>Richard Allen</option>
|
<option value="100" data-data='{"image": "assets/images/faces/male/11.jpg"}'>Richard Allen</option>
|
||||||
|
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Countries</label>
|
<label class="form-label">Countries</label>
|
||||||
<select name="country" id="select-countries" class="form-control custom-select">
|
<select name="country" id="select-countries" class="form-control custom-select">
|
||||||
@@ -1295,11 +1029,8 @@
|
|||||||
<a href="javascript:void(0)" class="btn btn-link">Cancel</a>
|
<a href="javascript:void(0)" class="btn btn-link">Cancel</a>
|
||||||
<button type="submit" class="btn btn-primary ml-auto">Send data</button>
|
<button type="submit" class="btn btn-primary ml-auto">Send data</button>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -1311,47 +1042,39 @@
|
|||||||
<label class="form-label">Date</label>
|
<label class="form-label">Date</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="00/00/0000" data-mask-clearifnotmatch="true" placeholder="00/00/0000" />
|
<input type="text" name="field-name" class="form-control" data-mask="00/00/0000" data-mask-clearifnotmatch="true" placeholder="00/00/0000" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Hour</label>
|
<label class="form-label">Hour</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="00:00:00" data-mask-clearifnotmatch="true" placeholder="00:00:00" />
|
<input type="text" name="field-name" class="form-control" data-mask="00:00:00" data-mask-clearifnotmatch="true" placeholder="00:00:00" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Date & Hour</label>
|
<label class="form-label">Date & Hour</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="00/00/0000 00:00:00" data-mask-clearifnotmatch="true" placeholder="00/00/0000 00:00:00" />
|
<input type="text" name="field-name" class="form-control" data-mask="00/00/0000 00:00:00" data-mask-clearifnotmatch="true" placeholder="00/00/0000 00:00:00" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">ZIP Code</label>
|
<label class="form-label">ZIP Code</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="00000-000" data-mask-clearifnotmatch="true" placeholder="00000-000" />
|
<input type="text" name="field-name" class="form-control" data-mask="00000-000" data-mask-clearifnotmatch="true" placeholder="00000-000" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Money</label>
|
<label class="form-label">Money</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="000.000.000.000.000,00" data-mask-reverse="true" />
|
<input type="text" name="field-name" class="form-control" data-mask="000.000.000.000.000,00" data-mask-reverse="true" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Telephone</label>
|
<label class="form-label">Telephone</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="0000-0000" data-mask-clearifnotmatch="true" placeholder="0000-0000" />
|
<input type="text" name="field-name" class="form-control" data-mask="0000-0000" data-mask-clearifnotmatch="true" placeholder="0000-0000" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Telephone with Code Area</label>
|
<label class="form-label">Telephone with Code Area</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="(00) 0000-0000" data-mask-clearifnotmatch="true" />
|
<input type="text" name="field-name" class="form-control" data-mask="(00) 0000-0000" data-mask-clearifnotmatch="true" />
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">IP Address</label>
|
<label class="form-label">IP Address</label>
|
||||||
<input type="text" name="field-name" class="form-control" data-mask="099.099.099.099" data-mask-clearifnotmatch="true" placeholder="000.000.000.000" />
|
<input type="text" name="field-name" class="form-control" data-mask="099.099.099.099" data-mask-clearifnotmatch="true" placeholder="000.000.000.000" />
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
<script>
|
|
||||||
require(['input-mask']);
|
require(['input-mask']);
|
||||||
</script>
|
</script>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">My Profile</h3>
|
<h3 class="card-title">My Profile</h3>
|
||||||
@@ -1369,34 +1092,29 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Bio</label>
|
<label class="form-label">Bio</label>
|
||||||
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Email-Address</label>
|
<label class="form-label">Email-Address</label>
|
||||||
<input class="form-control" placeholder="your-email@domain.com"/>
|
<input class="form-control" placeholder="your-email@domain.com"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
<input type="password" class="form-control" value="password"/>
|
<input type="password" class="form-control" value="password"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button class="btn btn-primary btn-block">Save</button>
|
<button class="btn btn-primary btn-block">Save</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
<form class="card">
|
<form class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h3 class="card-title">Edit Profile</h3>
|
<h3 class="card-title">Edit Profile</h3>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-5">
|
<div class="col-md-5">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -1468,7 +1186,7 @@ But that's the difference in our opinions.</textarea>
|
|||||||
<div class="card-footer text-right">
|
<div class="card-footer text-right">
|
||||||
<button type="submit" class="btn btn-primary">Update Profile</button>
|
<button type="submit" class="btn btn-primary">Update Profile</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">HTTP Request</h3>
|
<h3 class="card-title">HTTP Request</h3>
|
||||||
@@ -1495,7 +1213,6 @@ But that's the difference in our opinions.</textarea>
|
|||||||
<input name="url" type="text" class="form-control" value="https://content.googleapis.com/discovery/v1/apis/surveys/v2/rest">
|
<input name="url" type="text" class="form-control" value="https://content.googleapis.com/discovery/v1/apis/surveys/v2/rest">
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-label">Assertions</div>
|
<div class="form-label">Assertions</div>
|
||||||
<div class="table-responsive">
|
<div class="table-responsive">
|
||||||
<table class="table mb-0">
|
<table class="table mb-0">
|
||||||
@@ -1635,14 +1352,13 @@ But that's the difference in our opinions.</textarea>
|
|||||||
<div class="card-footer text-right">
|
<div class="card-footer text-right">
|
||||||
<button type="submit" class="btn btn-primary">Make request</button>
|
<button type="submit" class="btn btn-primary">Make request</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -1678,9 +1394,8 @@ But that's the difference in our opinions.</textarea>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -1701,14 +1416,9 @@ But that's the difference in our opinions.</textarea>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<script>
|
|
||||||
require(['jquery', 'selectize'], function ($, selectize) {
|
require(['jquery', 'selectize'], function ($, selectize) {
|
||||||
$(document).ready(function () {
|
$(document).ready(function () {
|
||||||
$('#input-tags').selectize({
|
$('#input-tags').selectize({
|
||||||
@@ -1759,9 +1469,6 @@ But that's the difference in our opinions.</textarea>
|
|||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
216
dist/gallery.html
vendored
216
dist/gallery.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link active"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link active"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,12 +177,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
@@ -317,12 +198,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row row-cards">
|
<div class="row row-cards">
|
||||||
|
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/grant-ritchie-338179-500.jpg" alt="Photo by Nathan Guerrero" class="rounded">
|
<img src="assets/images/photos/grant-ritchie-338179-500.jpg" alt="Photo by Nathan Guerrero" class="rounded">
|
||||||
@@ -340,9 +217,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/ilnur-kalimullin-218996-500.jpg" alt="Photo by Alice Mason" class="rounded">
|
<img src="assets/images/photos/ilnur-kalimullin-218996-500.jpg" alt="Photo by Alice Mason" class="rounded">
|
||||||
@@ -360,9 +235,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/jakob-owens-224352-500.jpg" alt="Photo by Rose Bradley" class="rounded">
|
<img src="assets/images/photos/jakob-owens-224352-500.jpg" alt="Photo by Rose Bradley" class="rounded">
|
||||||
@@ -380,9 +253,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/jeremy-bishop-330225-500.jpg" alt="Photo by Peter Richards" class="rounded">
|
<img src="assets/images/photos/jeremy-bishop-330225-500.jpg" alt="Photo by Peter Richards" class="rounded">
|
||||||
@@ -400,9 +271,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/jonatan-pie-226191-500.jpg" alt="Photo by Wayne Holland" class="rounded">
|
<img src="assets/images/photos/jonatan-pie-226191-500.jpg" alt="Photo by Wayne Holland" class="rounded">
|
||||||
@@ -420,9 +289,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/josh-calabrese-66153-500.jpg" alt="Photo by Michelle Ross" class="rounded">
|
<img src="assets/images/photos/josh-calabrese-66153-500.jpg" alt="Photo by Michelle Ross" class="rounded">
|
||||||
@@ -440,9 +307,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/joshua-earle-157231-500.jpg" alt="Photo by Debra Beck" class="rounded">
|
<img src="assets/images/photos/joshua-earle-157231-500.jpg" alt="Photo by Debra Beck" class="rounded">
|
||||||
@@ -460,9 +325,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/mahkeo-222765-500.jpg" alt="Photo by Phillip Peters" class="rounded">
|
<img src="assets/images/photos/mahkeo-222765-500.jpg" alt="Photo by Phillip Peters" class="rounded">
|
||||||
@@ -480,9 +343,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/matt-barrett-339981-500.jpg" alt="Photo by Jack Ruiz" class="rounded">
|
<img src="assets/images/photos/matt-barrett-339981-500.jpg" alt="Photo by Jack Ruiz" class="rounded">
|
||||||
@@ -500,9 +361,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/nathan-anderson-297460-500.jpg" alt="Photo by Ronald Bradley" class="rounded">
|
<img src="assets/images/photos/nathan-anderson-297460-500.jpg" alt="Photo by Ronald Bradley" class="rounded">
|
||||||
@@ -520,9 +379,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/nathan-anderson-316188-500.jpg" alt="Photo by Kathleen Harper" class="rounded">
|
<img src="assets/images/photos/nathan-anderson-316188-500.jpg" alt="Photo by Kathleen Harper" class="rounded">
|
||||||
@@ -540,9 +397,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-sm-6 col-lg-4">
|
<div class="col-sm-6 col-lg-4">
|
||||||
|
|
||||||
<div class="card p-3">
|
<div class="card p-3">
|
||||||
<a href="javascript:void(0)" class="mb-3">
|
<a href="javascript:void(0)" class="mb-3">
|
||||||
<img src="assets/images/photos/nathan-dumlao-287713-500.jpg" alt="Photo by Bobby Knight" class="rounded">
|
<img src="assets/images/photos/nathan-dumlao-287713-500.jpg" alt="Photo by Bobby Knight" class="rounded">
|
||||||
@@ -560,16 +415,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -605,9 +455,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -628,12 +477,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
1712
dist/icons.html
vendored
1712
dist/icons.html
vendored
File diff suppressed because it is too large
Load Diff
466
dist/index.html
vendored
466
dist/index.html
vendored
File diff suppressed because it is too large
Load Diff
68
dist/login.html
vendored
68
dist/login.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Login - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,28 +22,20 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-single">
|
<div class="page-single">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -57,12 +43,9 @@
|
|||||||
<div class="text-center mb-6">
|
<div class="text-center mb-6">
|
||||||
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="card" action="" method="post">
|
<form class="card" action="" method="post">
|
||||||
|
|
||||||
<div class="card-body p-6">
|
<div class="card-body p-6">
|
||||||
<div class="card-title">Login to your account</div>
|
<div class="card-title">Login to your account</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Email address</label>
|
<label class="form-label">Email address</label>
|
||||||
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
|
<input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
|
||||||
@@ -80,25 +63,18 @@
|
|||||||
<span class="custom-control-label">Remember me</span>
|
<span class="custom-control-label">Remember me</span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
|
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
<div class="text-center text-muted">
|
||||||
<div class="text-center text-muted">
|
|
||||||
Don't have account yet? <a href="./register.html">Sign up</a>
|
Don't have account yet? <a href="./register.html">Sign up</a>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
203
dist/lookup.html
vendored
203
dist/lookup.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Lookup company - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,27 +177,15 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Lookup company
|
Lookup company
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-3">
|
<div class="col-3">
|
||||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias consequuntur cum dicta doloremque, enim eos illo ipsam labore laboriosam laborum perspiciatis quibusdam repudiandae sed sequi sit temporibus veniam, voluptatum.
|
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium alias consequuntur cum dicta doloremque, enim eos illo ipsam labore laboriosam laborum perspiciatis quibusdam repudiandae sed sequi sit temporibus veniam, voluptatum.
|
||||||
@@ -328,7 +201,6 @@
|
|||||||
<div class="h3 m-0 font-weight-normal">amazon.com</div>
|
<div class="h3 m-0 font-weight-normal">amazon.com</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<h5 class="mb-1">Name</h5>
|
<h5 class="mb-1">Name</h5>
|
||||||
@@ -373,14 +245,10 @@
|
|||||||
<div class="text-muted-dark">America/Los_Angeles</div>
|
<div class="text-muted-dark">America/Los_Angeles</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="map-static"
|
<div class="map-static"
|
||||||
style="background-image: url(https://maps.googleapis.com/maps/api/staticmap?center=47.620057,-122.3362675&size=640x120&scale=2&zoom=13&markers=color:blue|47.620057,-122.3362675&key=AIzaSyBEJy4UvF-JfcNciWlvlznyDlUckcspiD4);"></div>
|
style="background-image: url(https://maps.googleapis.com/maps/api/staticmap?center=47.620057,-122.3362675&size=640x120&scale=2&zoom=13&markers=color:blue|47.620057,-122.3362675&key=AIzaSyBEJy4UvF-JfcNciWlvlznyDlUckcspiD4);"></div>
|
||||||
|
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<h5 class="mb-4">Recent News</h5>
|
<h5 class="mb-4">Recent News</h5>
|
||||||
|
|
||||||
<ul class="list-unstyled">
|
<ul class="list-unstyled">
|
||||||
<li class="mb-5">
|
<li class="mb-5">
|
||||||
<a href="#">Amazons Super Bowl commercial might contain a clue about where HQ2 will be</a>
|
<a href="#">Amazons Super Bowl commercial might contain a clue about where HQ2 will be</a>
|
||||||
@@ -513,14 +381,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -556,9 +423,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -579,12 +445,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
242
dist/maps.html
vendored
242
dist/maps.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Maps - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,18 +177,13 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="map-header">
|
<div class="map-header">
|
||||||
<div class="map-header-layer" id="map-background"></div>
|
<div class="map-header-layer" id="map-background"></div>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
<script>
|
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
||||||
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var myLatlng = new google.maps.LatLng({lat: 52.230119, lng: 20.983394});
|
var myLatlng = new google.maps.LatLng({lat: 52.230119, lng: 20.983394});
|
||||||
var mapOptions = {
|
var mapOptions = {
|
||||||
@@ -321,11 +201,9 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
};
|
};
|
||||||
map = new google.maps.Map(document.getElementById('map-background'), mapOptions);
|
map = new google.maps.Map(document.getElementById('map-background'), mapOptions);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
<div class="container">
|
||||||
<div class="container">
|
|
||||||
|
|
||||||
<div class="row row-cards">
|
<div class="row row-cards">
|
||||||
<div class="col-lg-4 col-md-6">
|
<div class="col-lg-4 col-md-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -353,7 +231,6 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-map card-map-placeholder"></div>
|
<div class="card-map card-map-placeholder"></div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="media mb-5">
|
<div class="media mb-5">
|
||||||
<img class="d-flex mr-5 rounded" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ec911398e%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ec911398e%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2213.84375%22%20y%3D%2236.65%22%3E64x64%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Generic placeholder image">
|
<img class="d-flex mr-5 rounded" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2264%22%20height%3D%2264%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2064%2064%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_15ec911398e%20text%20%7B%20fill%3Argba(255%2C255%2C255%2C.75)%3Bfont-weight%3Anormal%3Bfont-family%3AHelvetica%2C%20monospace%3Bfont-size%3A10pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_15ec911398e%22%3E%3Crect%20width%3D%2264%22%20height%3D%2264%22%20fill%3D%22%23777%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2213.84375%22%20y%3D%2236.65%22%3E64x64%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" alt="Generic placeholder image">
|
||||||
@@ -365,7 +242,6 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
</address>
|
</address>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<div class="h6">Relationship</div>
|
<div class="h6">Relationship</div>
|
||||||
@@ -384,11 +260,10 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
<p>+123456789</p>
|
<p>+123456789</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="h6">Description</div>
|
<div class="h6">Description</div>
|
||||||
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur dignissimos doloribus eum fugiat itaque laboriosam maiores nisi nostrum perspiciatis vero.</p>
|
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur dignissimos doloribus eum fugiat itaque laboriosam maiores nisi nostrum perspiciatis vero.</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">Germany map</h3>
|
<h3 class="card-title">Germany map</h3>
|
||||||
@@ -398,10 +273,9 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
<div class="map-content" id="map-germany-svg"></div>
|
<div class="map-content" id="map-germany-svg"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
<script>
|
require(['jquery', 'vector-map', 'vector-map-de'], function(){
|
||||||
require(['jquery', 'vector-map', 'vector-map-de'], function(){
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var data = {"DE-BE":11,"DE-ST":43,"DE-RP":4,"DE-BB":65,"DE-NI":4,"DE-MV":24,"DE-TH":45,"DE-BW":7,"DE-HH":45,"DE-SH":9,"DE-NW":8,"DE-SN":27,"DE-HB":42,"DE-SL":85,"DE-BY":24,"DE-HE":66};
|
var data = {"DE-BE":11,"DE-ST":43,"DE-RP":4,"DE-BB":65,"DE-NI":4,"DE-MV":24,"DE-TH":45,"DE-BW":7,"DE-HH":45,"DE-SH":9,"DE-NW":8,"DE-SN":27,"DE-HB":42,"DE-SL":85,"DE-BY":24,"DE-HE":66};
|
||||||
|
|
||||||
@@ -452,8 +326,8 @@ require(['jquery', 'vector-map', 'vector-map-de'], function(){
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8 col-md-6">
|
<div class="col-lg-8 col-md-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -465,10 +339,9 @@ require(['jquery', 'vector-map', 'vector-map-de'], function(){
|
|||||||
<div class="map-content" id="map-world-svg"></div>
|
<div class="map-content" id="map-world-svg"></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
<script>
|
require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
||||||
require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var data = {"AF":16.63,"AL":11.58,"DZ":158.97,"AO":85.81,"AG":1.1,"AR":351.02,"AM":8.83,"AU":1219.72,"AT":366.26,"AZ":52.17,"BS":7.54,"BH":21.73,"BD":105.4,"BB":3.96,"BY":52.89,"BE":461.33,"BZ":1.43,"BJ":6.49,"BT":1.4,"BO":19.18,"BA":16.2,"BW":12.5,"BR":2023.53,"BN":11.96,"BG":44.84,"BF":8.67,"BI":1.47,"KH":11.36,"CM":21.88,"CA":1563.66,"CV":1.57,"CF":2.11,"TD":7.59,"CL":199.18,"CN":5745.13,"CO":283.11,"KM":0.56,"CD":12.6,"CG":11.88,"CR":35.02,"CI":22.38,"HR":59.92,"CY":22.75,"CZ":195.23,"DK":304.56,"DJ":1.14,"DM":0.38,"DO":50.87,"EC":61.49,"EG":216.83,"SV":21.8,"GQ":14.55,"ER":2.25,"EE":19.22,"ET":30.94,"FJ":3.15,"FI":231.98,"FR":2555.44,"GA":12.56,"GM":1.04,"GE":11.23,"DE":3305.9,"GH":18.06,"GR":305.01,"GD":0.65,"GT":40.77,"GN":4.34,"GW":0.83,"GY":2.2,"HT":6.5,"HN":15.34,"HK":226.49,"HU":132.28,"IS":12.77,"IN":1430.02,"ID":695.06,"IR":337.9,"IQ":84.14,"IE":204.14,"IL":201.25,"IT":2036.69,"JM":13.74,"JP":5390.9,"JO":27.13,"KZ":129.76,"KE":32.42,"KI":0.15,"KR":986.26,"UNDEFINED":5.73,"KW":117.32,"KG":4.44,"LA":6.34,"LV":23.39,"LB":39.15,"LS":1.8,"LR":0.98,"LY":77.91,"LT":35.73,"LU":52.43,"MK":9.58,"MG":8.33,"MW":5.04,"MY":218.95,"MV":1.43,"ML":9.08,"MT":7.8,"MR":3.49,"MU":9.43,"MX":1004.04,"MD":5.36,"MN":5.81,"ME":3.88,"MA":91.7,"MZ":10.21,"MM":35.65,"NA":11.45,"NP":15.11,"NL":770.31,"NZ":138,"NI":6.38,"NE":5.6,"NG":206.66,"false":413.51,"OM":53.78,"PK":174.79,"PA":27.2,"PG":8.81,"PY":17.17,"PE":153.55,"PH":189.06,"PL":438.88,"PT":223.7,"QA":126.52,"RO":158.39,"RU":1476.91,"RW":5.69,"WS":0.55,"ST":0.19,"SA":434.44,"SN":12.66,"RS":38.92,"SC":0.92,"SL":1.9,"SG":217.38,"SK":86.26,"SI":46.44,"SB":0.67,"ZA":354.41,"ES":1374.78,"LK":48.24,"KN":0.56,"LC":1,"VC":0.58,"SD":65.93,"SR":3.3,"SZ":3.17,"SE":444.59,"CH":522.44,"SY":59.63,"TW":426.98,"TJ":5.58,"TZ":22.43,"TH":312.61,"TL":0.62,"TG":3.07,"TO":0.3,"TT":21.2,"TN":43.86,"TR":729.05,"TM":0,"UG":17.12,"UA":136.56,"AE":239.65,"GB":2258.57,"US":14624.18,"UY":40.71,"UZ":37.72,"VU":0.72,"VE":285.21,"VN":101.99,"YE":30.02,"ZM":15.69,"ZW":5.5};
|
var data = {"AF":16.63,"AL":11.58,"DZ":158.97,"AO":85.81,"AG":1.1,"AR":351.02,"AM":8.83,"AU":1219.72,"AT":366.26,"AZ":52.17,"BS":7.54,"BH":21.73,"BD":105.4,"BB":3.96,"BY":52.89,"BE":461.33,"BZ":1.43,"BJ":6.49,"BT":1.4,"BO":19.18,"BA":16.2,"BW":12.5,"BR":2023.53,"BN":11.96,"BG":44.84,"BF":8.67,"BI":1.47,"KH":11.36,"CM":21.88,"CA":1563.66,"CV":1.57,"CF":2.11,"TD":7.59,"CL":199.18,"CN":5745.13,"CO":283.11,"KM":0.56,"CD":12.6,"CG":11.88,"CR":35.02,"CI":22.38,"HR":59.92,"CY":22.75,"CZ":195.23,"DK":304.56,"DJ":1.14,"DM":0.38,"DO":50.87,"EC":61.49,"EG":216.83,"SV":21.8,"GQ":14.55,"ER":2.25,"EE":19.22,"ET":30.94,"FJ":3.15,"FI":231.98,"FR":2555.44,"GA":12.56,"GM":1.04,"GE":11.23,"DE":3305.9,"GH":18.06,"GR":305.01,"GD":0.65,"GT":40.77,"GN":4.34,"GW":0.83,"GY":2.2,"HT":6.5,"HN":15.34,"HK":226.49,"HU":132.28,"IS":12.77,"IN":1430.02,"ID":695.06,"IR":337.9,"IQ":84.14,"IE":204.14,"IL":201.25,"IT":2036.69,"JM":13.74,"JP":5390.9,"JO":27.13,"KZ":129.76,"KE":32.42,"KI":0.15,"KR":986.26,"UNDEFINED":5.73,"KW":117.32,"KG":4.44,"LA":6.34,"LV":23.39,"LB":39.15,"LS":1.8,"LR":0.98,"LY":77.91,"LT":35.73,"LU":52.43,"MK":9.58,"MG":8.33,"MW":5.04,"MY":218.95,"MV":1.43,"ML":9.08,"MT":7.8,"MR":3.49,"MU":9.43,"MX":1004.04,"MD":5.36,"MN":5.81,"ME":3.88,"MA":91.7,"MZ":10.21,"MM":35.65,"NA":11.45,"NP":15.11,"NL":770.31,"NZ":138,"NI":6.38,"NE":5.6,"NG":206.66,"false":413.51,"OM":53.78,"PK":174.79,"PA":27.2,"PG":8.81,"PY":17.17,"PE":153.55,"PH":189.06,"PL":438.88,"PT":223.7,"QA":126.52,"RO":158.39,"RU":1476.91,"RW":5.69,"WS":0.55,"ST":0.19,"SA":434.44,"SN":12.66,"RS":38.92,"SC":0.92,"SL":1.9,"SG":217.38,"SK":86.26,"SI":46.44,"SB":0.67,"ZA":354.41,"ES":1374.78,"LK":48.24,"KN":0.56,"LC":1,"VC":0.58,"SD":65.93,"SR":3.3,"SZ":3.17,"SE":444.59,"CH":522.44,"SY":59.63,"TW":426.98,"TJ":5.58,"TZ":22.43,"TH":312.61,"TL":0.62,"TG":3.07,"TO":0.3,"TT":21.2,"TN":43.86,"TR":729.05,"TM":0,"UG":17.12,"UA":136.56,"AE":239.65,"GB":2258.57,"US":14624.18,"UY":40.71,"UZ":37.72,"VU":0.72,"VE":285.21,"VN":101.99,"YE":30.02,"ZM":15.69,"ZW":5.5};
|
||||||
|
|
||||||
@@ -508,9 +381,8 @@ require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
|||||||
}
|
}
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-6">
|
<div class="col-6">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -521,7 +393,6 @@ require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card-map" id="map-metro"></div>
|
<div class="card-map" id="map-metro"></div>
|
||||||
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<ul class="timeline">
|
<ul class="timeline">
|
||||||
<li class="timeline-item">
|
<li class="timeline-item">
|
||||||
@@ -564,10 +435,9 @@ require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
|||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<script>
|
||||||
<script>
|
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
||||||
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
|
||||||
$(document).ready(function(){
|
$(document).ready(function(){
|
||||||
var myLatlng = new google.maps.LatLng({lat: 52.230119, lng: 20.983394});
|
var myLatlng = new google.maps.LatLng({lat: 52.230119, lng: 20.983394});
|
||||||
var mapOptions = {
|
var mapOptions = {
|
||||||
@@ -617,19 +487,17 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
});
|
});
|
||||||
mapPath.setMap(map);
|
mapPath.setMap(map);
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6">2</div>
|
<div class="col-6">2</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -665,9 +533,8 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -688,12 +555,7 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
210
dist/profile.html
vendored
210
dist/profile.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Profile - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item active">Profile</a>
|
<a href="./profile.html" class="nav-item active">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,12 +177,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
@@ -305,18 +186,15 @@
|
|||||||
<div class="card-header" style="background-image: url(assets/images/photos/eberhard-grossgasteiger-311213-500.jpg);"></div>
|
<div class="card-header" style="background-image: url(assets/images/photos/eberhard-grossgasteiger-311213-500.jpg);"></div>
|
||||||
<div class="card-body text-center">
|
<div class="card-body text-center">
|
||||||
<img class="card-profile-img" src="assets/images/faces/male/16.jpg">
|
<img class="card-profile-img" src="assets/images/faces/male/16.jpg">
|
||||||
|
|
||||||
<h3 class="mb-3">Peter Richards</h3>
|
<h3 class="mb-3">Peter Richards</h3>
|
||||||
|
|
||||||
<p class="mb-4">
|
<p class="mb-4">
|
||||||
Big belly rude boy, million dollar hustler. Unemployed.
|
Big belly rude boy, million dollar hustler. Unemployed.
|
||||||
</p>
|
</p>
|
||||||
|
|
||||||
<button class="btn btn-outline-primary btn-sm">
|
<button class="btn btn-outline-primary btn-sm">
|
||||||
<span class="fa fa-twitter"></span> Follow
|
<span class="fa fa-twitter"></span> Follow
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="media">
|
<div class="media">
|
||||||
@@ -324,7 +202,6 @@
|
|||||||
<div class="media-body">
|
<div class="media-body">
|
||||||
<h4 class="m-0">Juan Hernandez</h4>
|
<h4 class="m-0">Juan Hernandez</h4>
|
||||||
<p class="text-muted mb-0">Webdeveloper</p>
|
<p class="text-muted mb-0">Webdeveloper</p>
|
||||||
|
|
||||||
<ul class="social-links list-inline mb-0 mt-2">
|
<ul class="social-links list-inline mb-0 mt-2">
|
||||||
<li class="list-inline-item">
|
<li class="list-inline-item">
|
||||||
<a href="javascript:void(0)" title="Facebook" data-toggle="tooltip"><i class="fa fa-facebook"></i></a>
|
<a href="javascript:void(0)" title="Facebook" data-toggle="tooltip"><i class="fa fa-facebook"></i></a>
|
||||||
@@ -339,11 +216,10 @@
|
|||||||
<a href="javascript:void(0)" title="@skypename" data-toggle="tooltip"><i class="fa fa-skype"></i></a>
|
<a href="javascript:void(0)" title="@skypename" data-toggle="tooltip"><i class="fa fa-skype"></i></a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<div class="card-header">
|
<div class="card-header">
|
||||||
<h3 class="card-title">My Profile</h3>
|
<h3 class="card-title">My Profile</h3>
|
||||||
@@ -361,28 +237,24 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Bio</label>
|
<label class="form-label">Bio</label>
|
||||||
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Email-Address</label>
|
<label class="form-label">Email-Address</label>
|
||||||
<input class="form-control" placeholder="your-email@domain.com"/>
|
<input class="form-control" placeholder="your-email@domain.com"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Password</label>
|
<label class="form-label">Password</label>
|
||||||
<input type="password" class="form-control" value="password"/>
|
<input type="password" class="form-control" value="password"/>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button class="btn btn-primary btn-block">Save</button>
|
<button class="btn btn-primary btn-block">Save</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
@@ -405,13 +277,11 @@
|
|||||||
<small class="float-right text-muted">4 min</small>
|
<small class="float-right text-muted">4 min</small>
|
||||||
<h5>Peter Richards</h5>
|
<h5>Peter Richards</h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras
|
Aenean lacinia bibendum nulla sed consectetur. Vestibulum id ligula porta felis euismod semper. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras
|
||||||
justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes,
|
justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes,
|
||||||
nascetur ridiculus mus.
|
nascetur ridiculus mus.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="media-list">
|
<ul class="media-list">
|
||||||
<li class="media mt-4">
|
<li class="media mt-4">
|
||||||
<div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
|
<div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/female/17.jpg)"></div>
|
||||||
@@ -456,12 +326,10 @@
|
|||||||
<small class="float-right text-muted">34 min</small>
|
<small class="float-right text-muted">34 min</small>
|
||||||
<h5>Peter Richards</h5>
|
<h5>Peter Richards</h5>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div>
|
<div>
|
||||||
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam
|
Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Aenean eu leo quam. Pellentesque ornare sem lacinia quam
|
||||||
venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
|
venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="media-list">
|
<ul class="media-list">
|
||||||
<li class="media mt-4">
|
<li class="media mt-4">
|
||||||
<div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/male/26.jpg)"></div>
|
<div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/male/26.jpg)"></div>
|
||||||
@@ -476,11 +344,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
<form class="card">
|
<form class="card">
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<h3 class="card-title">Edit Profile</h3>
|
<h3 class="card-title">Edit Profile</h3>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-5">
|
<div class="col-md-5">
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
@@ -552,14 +419,13 @@ But that's the difference in our opinions.</textarea>
|
|||||||
<div class="card-footer text-right">
|
<div class="card-footer text-right">
|
||||||
<button type="submit" class="btn btn-primary">Update Profile</button>
|
<button type="submit" class="btn btn-primary">Update Profile</button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -595,9 +461,8 @@ But that's the difference in our opinions.</textarea>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -618,12 +483,7 @@ But that's the difference in our opinions.</textarea>
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
67
dist/register.html
vendored
67
dist/register.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Register - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,28 +22,20 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
|
||||||
<div class="page">
|
|
||||||
<div class="page-single">
|
<div class="page-single">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
@@ -57,11 +43,9 @@
|
|||||||
<div class="text-center mb-6">
|
<div class="text-center mb-6">
|
||||||
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<form class="card" action="" method="post">
|
<form class="card" action="" method="post">
|
||||||
<div class="card-body p-6">
|
<div class="card-body p-6">
|
||||||
<div class="card-title">Create new account</div>
|
<div class="card-title">Create new account</div>
|
||||||
|
|
||||||
<div class="form-group">
|
<div class="form-group">
|
||||||
<label class="form-label">Name</label>
|
<label class="form-label">Name</label>
|
||||||
<input type="text" class="form-control" placeholder="Enter name">
|
<input type="text" class="form-control" placeholder="Enter name">
|
||||||
@@ -80,25 +64,18 @@
|
|||||||
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
|
<span class="custom-control-label">Agree the <a href="terms.html">terms and policy</a></span>
|
||||||
</label>
|
</label>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="form-footer">
|
<div class="form-footer">
|
||||||
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
|
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
<div class="text-center text-muted">
|
||||||
<div class="text-center text-muted">
|
|
||||||
Already have account? <a href="./login.html">Sign in</a>
|
Already have account? <a href="./login.html">Sign in</a>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
745
dist/sample-cards.html
vendored
745
dist/sample-cards.html
vendored
File diff suppressed because it is too large
Load Diff
250
dist/store.html
vendored
250
dist/store.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>Store components - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item active">Store</a>
|
<a href="./store.html" class="nav-item active">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,34 +177,20 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
<i class=" page-title-icon"></i>
|
<i class=" page-title-icon"></i>
|
||||||
|
|
||||||
Store components
|
Store components
|
||||||
</h1>
|
</h1>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
<div class="row row-cards">
|
<div class="row row-cards">
|
||||||
<div class="col-lg-3">
|
<div class="col-lg-3">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 col-lg-12">
|
<div class="col-md-6 col-lg-12">
|
||||||
|
<div class="card">
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="mb-4 text-center">
|
<div class="mb-4 text-center">
|
||||||
<img src="assets/images/products/apple-iphone7-special.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
|
<img src="assets/images/products/apple-iphone7-special.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
|
||||||
@@ -337,11 +208,10 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-md-6 col-lg-12">
|
<div class="col-md-6 col-lg-12">
|
||||||
|
<div class="card">
|
||||||
<div class="card">
|
|
||||||
<div class="card-body">
|
<div class="card-body">
|
||||||
<div class="mb-4 text-center">
|
<div class="mb-4 text-center">
|
||||||
<img src="assets/images/products/gopro-hero.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
|
<img src="assets/images/products/gopro-hero.jpg" alt="Apple iPhone 7 128GB" class="img-fluid">
|
||||||
@@ -359,21 +229,17 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-lg-9">
|
<div class="col-lg-9">
|
||||||
<div class="card">
|
<div class="card">
|
||||||
<table class="table card-table table-vcenter">
|
<table class="table card-table table-vcenter">
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/apple-iphone7-special.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/apple-iphone7-special.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Apple iPhone 7 Plus 256GB Red Special Edition
|
Apple iPhone 7 Plus 256GB Red Special Edition
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">37 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">37 offers</td>
|
||||||
@@ -381,16 +247,11 @@
|
|||||||
<strong>$499</strong>
|
<strong>$499</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/apple-macbook-pro.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/apple-macbook-pro.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
|
Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="badge badge-default badge-md">New</div>
|
<div class="badge badge-default badge-md">New</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 offers</td>
|
||||||
@@ -398,14 +259,10 @@
|
|||||||
<strong>$1499</strong>
|
<strong>$1499</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/apple-iphone7.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/apple-iphone7.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Apple iPhone 7 32GB Jet Black
|
Apple iPhone 7 32GB Jet Black
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">30 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">30 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">40 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">40 offers</td>
|
||||||
@@ -413,16 +270,11 @@
|
|||||||
<strong>$499</strong>
|
<strong>$499</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/gopro-hero.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/gopro-hero.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
GoPro HERO6 Black
|
GoPro HERO6 Black
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="badge badge-default badge-md">New</div>
|
<div class="badge badge-default badge-md">New</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">11 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">11 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">20 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">20 offers</td>
|
||||||
@@ -430,14 +282,10 @@
|
|||||||
<strong>$599</strong>
|
<strong>$599</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/msi.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/msi.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
|
MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 offers</td>
|
||||||
@@ -445,16 +293,11 @@
|
|||||||
<strong>$1599</strong>
|
<strong>$1599</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/xiaomi-mi.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/xiaomi-mi.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Xiaomi Mi A1 64GB Black
|
Xiaomi Mi A1 64GB Black
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="badge badge-default badge-md">New</div>
|
<div class="badge badge-default badge-md">New</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">21 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">21 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">12 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">12 offers</td>
|
||||||
@@ -462,14 +305,10 @@
|
|||||||
<strong>$269</strong>
|
<strong>$269</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/huawei-mate.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/huawei-mate.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Huawei Mate 10 Pro Dual SIM Gray
|
Huawei Mate 10 Pro Dual SIM Gray
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">41 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">41 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">31 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">31 offers</td>
|
||||||
@@ -477,16 +316,11 @@
|
|||||||
<strong>$999</strong>
|
<strong>$999</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/sony-kd.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/sony-kd.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Sony KD-49XE7005
|
Sony KD-49XE7005
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="badge badge-default badge-md">New</div>
|
<div class="badge badge-default badge-md">New</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 offers</td>
|
||||||
@@ -494,14 +328,10 @@
|
|||||||
<strong>$799</strong>
|
<strong>$799</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<td><img src="assets/images/products/samsung-galaxy.jpg" alt="" class="h-8"></td>
|
<td><img src="assets/images/products/samsung-galaxy.jpg" alt="" class="h-8"></td>
|
||||||
<td>
|
<td>
|
||||||
Samsung Galaxy A5 A520F 2017 LTE Black Sky
|
Samsung Galaxy A5 A520F 2017 LTE Black Sky
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">36 reviews</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">36 reviews</td>
|
||||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 offers</td>
|
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 offers</td>
|
||||||
@@ -509,16 +339,14 @@
|
|||||||
<strong>$399</strong>
|
<strong>$399</strong>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
</div>
|
||||||
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -554,9 +382,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -577,12 +404,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
213
dist/users-list.html
vendored
213
dist/users-list.html
vendored
@@ -1,25 +1,19 @@
|
|||||||
<!doctype html>
|
<!doctype html>
|
||||||
|
|
||||||
<html lang="en">
|
<html lang="en">
|
||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||||
<meta http-equiv="Content-Language" content="en" />
|
<meta http-equiv="Content-Language" content="en" />
|
||||||
|
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
<meta name="theme-color" content="#4188c9">
|
||||||
<meta name="theme-color" content="#4188c9">
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||||
|
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
<meta name="mobile-web-app-capable" content="yes">
|
||||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
<meta name="HandheldFriendly" content="True">
|
||||||
<meta name="mobile-web-app-capable" content="yes">
|
<meta name="MobileOptimized" content="320">
|
||||||
<meta name="HandheldFriendly" content="True">
|
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||||
<meta name="MobileOptimized" content="320">
|
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||||
|
|
||||||
<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://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&subset=latin-ext">
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||||
<script src="./assets/js/require.min.js"></script>
|
<script src="./assets/js/require.min.js"></script>
|
||||||
@@ -28,33 +22,22 @@
|
|||||||
baseUrl: '.'
|
baseUrl: '.'
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<!-- Dashboard Core -->
|
<!-- Dashboard Core -->
|
||||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||||
<script src="./assets/js/dashboard.js"></script>
|
<script src="./assets/js/dashboard.js"></script>
|
||||||
|
|
||||||
|
|
||||||
<!-- c3.js Charts Plugin -->
|
<!-- c3.js Charts Plugin -->
|
||||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Google Maps Plugin -->
|
<!-- Google Maps Plugin -->
|
||||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||||
|
|
||||||
<!-- Input Mask Plugin -->
|
<!-- Input Mask Plugin -->
|
||||||
|
|
||||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||||
|
</head>
|
||||||
</head>
|
<body class="">
|
||||||
<body class="">
|
<div class="page">
|
||||||
|
<div class="page-main">
|
||||||
<div class="page">
|
<div class="header">
|
||||||
|
|
||||||
|
|
||||||
<div class="page-main">
|
|
||||||
|
|
||||||
<div class="header">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="navbar p-0">
|
<div class="navbar p-0">
|
||||||
<a class="navbar-brand" href="./index.html">
|
<a class="navbar-brand" href="./index.html">
|
||||||
@@ -132,156 +115,58 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="header-nav d-none d-lg-flex">
|
||||||
<div class="header-nav d-none d-lg-flex">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center">
|
<div class="row align-items-center">
|
||||||
<div class="col">
|
<div class="col">
|
||||||
<ul class="nav nav-tabs">
|
<ul class="nav nav-tabs">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./store.html" class="nav-item ">Store</a>
|
<a href="./store.html" class="nav-item ">Store</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-submenu nav">
|
<div class="nav-submenu nav">
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./login.html" class="nav-item ">Login</a>
|
<a href="./login.html" class="nav-item ">Login</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./register.html" class="nav-item ">Register</a>
|
<a href="./register.html" class="nav-item ">Register</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./400.html" class="nav-item ">400 error</a>
|
<a href="./400.html" class="nav-item ">400 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./104.html" class="nav-item ">401 error</a>
|
<a href="./104.html" class="nav-item ">401 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./403.html" class="nav-item ">403 error</a>
|
<a href="./403.html" class="nav-item ">403 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./404.html" class="nav-item ">404 error</a>
|
<a href="./404.html" class="nav-item ">404 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./500.html" class="nav-item ">500 error</a>
|
<a href="./500.html" class="nav-item ">500 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./503.html" class="nav-item ">503 error</a>
|
<a href="./503.html" class="nav-item ">503 error</a>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
|
||||||
<li class="nav-item">
|
<li class="nav-item">
|
||||||
|
|
||||||
|
|
||||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||||
|
|
||||||
|
|
||||||
</li>
|
</li>
|
||||||
|
</ul>
|
||||||
</ul>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col-3 ml-auto">
|
<div class="col-3 ml-auto">
|
||||||
<form class="input-icon">
|
<form class="input-icon">
|
||||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||||
@@ -292,12 +177,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<div class="page-content">
|
<div class="page-content">
|
||||||
|
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="page-header">
|
<div class="page-header">
|
||||||
<h1 class="page-title">
|
<h1 class="page-title">
|
||||||
@@ -311,7 +192,6 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="row row-cards">
|
<div class="row row-cards">
|
||||||
<div class="col-lg-4">
|
<div class="col-lg-4">
|
||||||
<form class="card">
|
<form class="card">
|
||||||
@@ -335,7 +215,6 @@
|
|||||||
<input type="radio" name="value" value="m" class="selectgroup-input">
|
<input type="radio" name="value" value="m" class="selectgroup-input">
|
||||||
<span class="selectgroup-button">M</span>
|
<span class="selectgroup-button">M</span>
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="selectgroup-item">
|
<label class="selectgroup-item">
|
||||||
<input type="radio" name="value" value="l" class="selectgroup-input">
|
<input type="radio" name="value" value="l" class="selectgroup-input">
|
||||||
<span class="selectgroup-button">L</span>
|
<span class="selectgroup-button">L</span>
|
||||||
@@ -353,7 +232,6 @@
|
|||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="card-footer text-right">
|
<div class="card-footer text-right">
|
||||||
<button type="submit" class="btn btn-primary">Search</button>
|
<button type="submit" class="btn btn-primary">Search</button>
|
||||||
</div>
|
</div>
|
||||||
@@ -369,7 +247,6 @@
|
|||||||
<th class="d-none d-sm-table-cell">Date</th>
|
<th class="d-none d-sm-table-cell">Date</th>
|
||||||
<th class="d-none d-md-table-cell">Amount</th>
|
<th class="d-none d-md-table-cell">Amount</th>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -382,7 +259,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">February 10, 1994</td>
|
<td class="d-none d-sm-table-cell">February 10, 1994</td>
|
||||||
<td class="d-none d-md-table-cell">$1809.22</td>
|
<td class="d-none d-md-table-cell">$1809.22</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -395,7 +271,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">November 14, 1983</td>
|
<td class="d-none d-sm-table-cell">November 14, 1983</td>
|
||||||
<td class="d-none d-md-table-cell">$1841.80</td>
|
<td class="d-none d-md-table-cell">$1841.80</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -408,7 +283,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">February 02, 1988</td>
|
<td class="d-none d-sm-table-cell">February 02, 1988</td>
|
||||||
<td class="d-none d-md-table-cell">$1355.49</td>
|
<td class="d-none d-md-table-cell">$1355.49</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -421,7 +295,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">November 12, 1982</td>
|
<td class="d-none d-sm-table-cell">November 12, 1982</td>
|
||||||
<td class="d-none d-md-table-cell">$735.05</td>
|
<td class="d-none d-md-table-cell">$735.05</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -434,7 +307,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">December 07, 1983</td>
|
<td class="d-none d-sm-table-cell">December 07, 1983</td>
|
||||||
<td class="d-none d-md-table-cell">$636.07</td>
|
<td class="d-none d-md-table-cell">$636.07</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -447,7 +319,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">December 17, 1994</td>
|
<td class="d-none d-sm-table-cell">December 17, 1994</td>
|
||||||
<td class="d-none d-md-table-cell">$1043.15</td>
|
<td class="d-none d-md-table-cell">$1043.15</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -460,7 +331,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">March 01, 1994</td>
|
<td class="d-none d-sm-table-cell">March 01, 1994</td>
|
||||||
<td class="d-none d-md-table-cell">$1708.05</td>
|
<td class="d-none d-md-table-cell">$1708.05</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -473,7 +343,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">February 10, 1983</td>
|
<td class="d-none d-sm-table-cell">February 10, 1983</td>
|
||||||
<td class="d-none d-md-table-cell">$1876.76</td>
|
<td class="d-none d-md-table-cell">$1876.76</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -486,7 +355,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">February 06, 1993</td>
|
<td class="d-none d-sm-table-cell">February 06, 1993</td>
|
||||||
<td class="d-none d-md-table-cell">$1550.41</td>
|
<td class="d-none d-md-table-cell">$1550.41</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -499,7 +367,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">August 26, 1989</td>
|
<td class="d-none d-sm-table-cell">August 26, 1989</td>
|
||||||
<td class="d-none d-md-table-cell">$861.81</td>
|
<td class="d-none d-md-table-cell">$861.81</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -512,7 +379,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">October 16, 1992</td>
|
<td class="d-none d-sm-table-cell">October 16, 1992</td>
|
||||||
<td class="d-none d-md-table-cell">$618.90</td>
|
<td class="d-none d-md-table-cell">$618.90</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -525,7 +391,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">March 19, 1995</td>
|
<td class="d-none d-sm-table-cell">March 19, 1995</td>
|
||||||
<td class="d-none d-md-table-cell">$866.60</td>
|
<td class="d-none d-md-table-cell">$866.60</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -538,7 +403,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">February 01, 1985</td>
|
<td class="d-none d-sm-table-cell">February 01, 1985</td>
|
||||||
<td class="d-none d-md-table-cell">$1555.93</td>
|
<td class="d-none d-md-table-cell">$1555.93</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -551,7 +415,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">July 11, 1983</td>
|
<td class="d-none d-sm-table-cell">July 11, 1983</td>
|
||||||
<td class="d-none d-md-table-cell">$1877.27</td>
|
<td class="d-none d-md-table-cell">$1877.27</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -564,7 +427,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">May 28, 1995</td>
|
<td class="d-none d-sm-table-cell">May 28, 1995</td>
|
||||||
<td class="d-none d-md-table-cell">$1704.06</td>
|
<td class="d-none d-md-table-cell">$1704.06</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -577,7 +439,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">November 03, 1988</td>
|
<td class="d-none d-sm-table-cell">November 03, 1988</td>
|
||||||
<td class="d-none d-md-table-cell">$1037.04</td>
|
<td class="d-none d-md-table-cell">$1037.04</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -590,7 +451,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">March 02, 1994</td>
|
<td class="d-none d-sm-table-cell">March 02, 1994</td>
|
||||||
<td class="d-none d-md-table-cell">$635.01</td>
|
<td class="d-none d-md-table-cell">$635.01</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -603,7 +463,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">December 09, 1984</td>
|
<td class="d-none d-sm-table-cell">December 09, 1984</td>
|
||||||
<td class="d-none d-md-table-cell">$738.23</td>
|
<td class="d-none d-md-table-cell">$738.23</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -616,7 +475,6 @@
|
|||||||
<td class="d-none d-sm-table-cell">April 02, 1993</td>
|
<td class="d-none d-sm-table-cell">April 02, 1993</td>
|
||||||
<td class="d-none d-md-table-cell">$1361.99</td>
|
<td class="d-none d-md-table-cell">$1361.99</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
<tr>
|
<tr>
|
||||||
<th>
|
<th>
|
||||||
<label class="custom-control custom-checkbox">
|
<label class="custom-control custom-checkbox">
|
||||||
@@ -629,10 +487,8 @@
|
|||||||
<td class="d-none d-sm-table-cell">June 30, 1991</td>
|
<td class="d-none d-sm-table-cell">June 30, 1991</td>
|
||||||
<td class="d-none d-md-table-cell">$1843.48</td>
|
<td class="d-none d-md-table-cell">$1843.48</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|
||||||
</table>
|
</table>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<ul class="pagination">
|
<ul class="pagination">
|
||||||
<li class="page-item disabled">
|
<li class="page-item disabled">
|
||||||
<a class="page-link" href="#" tabindex="-1">Previous</a>
|
<a class="page-link" href="#" tabindex="-1">Previous</a>
|
||||||
@@ -645,14 +501,13 @@
|
|||||||
<li class="page-item">
|
<li class="page-item">
|
||||||
<a class="page-link" href="#">Next</a>
|
<a class="page-link" href="#">Next</a>
|
||||||
</li>
|
</li>
|
||||||
</ul>
|
</ul>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
<div class="footer">
|
<div class="footer">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-lg-8">
|
<div class="col-lg-8">
|
||||||
@@ -688,9 +543,8 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<footer class="footer">
|
||||||
<footer class="footer">
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row align-items-center flex-row-reverse">
|
<div class="row align-items-center flex-row-reverse">
|
||||||
<div class="col-auto ml-auto">
|
<div class="col-auto ml-auto">
|
||||||
@@ -711,12 +565,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
|
</body>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</body>
|
|
||||||
</html>
|
</html>
|
||||||
@@ -21,7 +21,8 @@
|
|||||||
"jekyll-serve": "jekyll serve --livereload",
|
"jekyll-serve": "jekyll serve --livereload",
|
||||||
"gh-pages": "./gh-pages.sh",
|
"gh-pages": "./gh-pages.sh",
|
||||||
|
|
||||||
"dist": "gulp build && JEKYLL_ENV=production jekyll build --destination dist && ./gh-pages.sh",
|
"dist": "gulp build && JEKYLL_ENV=production jekyll build --destination dist",
|
||||||
|
"publish": "dist && ./gh-pages.sh",
|
||||||
"watch": "gulp build && npm-run-all --parallel gulp-watch jekyll-watch",
|
"watch": "gulp build && npm-run-all --parallel gulp-watch jekyll-watch",
|
||||||
"serve": "gulp build && npm-run-all --parallel gulp-watch jekyll-serve"
|
"serve": "gulp build && npm-run-all --parallel gulp-watch jekyll-serve"
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user