mirror of
https://github.com/tabler/tabler.git
synced 2025-12-21 17:34:25 +04:00
dist build
This commit is contained in:
chomik
60
dist/400.html
vendored
60
dist/400.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Page 400 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Page 400 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,46 +22,30 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-content">
|
||||
<div class="container text-center">
|
||||
|
||||
<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>
|
||||
<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()">
|
||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
dist/401.html
vendored
60
dist/401.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Page 401 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Page 401 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,46 +22,30 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-content">
|
||||
<div class="container text-center">
|
||||
|
||||
<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>
|
||||
<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()">
|
||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
dist/403.html
vendored
60
dist/403.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Page 403 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Page 403 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,46 +22,30 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-content">
|
||||
<div class="container text-center">
|
||||
|
||||
<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>
|
||||
<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()">
|
||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
dist/404.html
vendored
60
dist/404.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Page 404 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Page 404 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,46 +22,30 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-content">
|
||||
<div class="container text-center">
|
||||
|
||||
<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>
|
||||
<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()">
|
||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
dist/500.html
vendored
60
dist/500.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Page 500 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Page 500 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,46 +22,30 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-content">
|
||||
<div class="container text-center">
|
||||
|
||||
<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>
|
||||
<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()">
|
||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
60
dist/503.html
vendored
60
dist/503.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Page 503 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Page 503 - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,46 +22,30 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-content">
|
||||
<div class="container text-center">
|
||||
|
||||
<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>
|
||||
<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()">
|
||||
<i class="fe fe-arrow-left mr-2"></i>Go back
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
81
dist/assets/js/dashboard.js
vendored
81
dist/assets/js/dashboard.js
vendored
@@ -1,47 +1,44 @@
|
||||
require.config({
|
||||
shim: {
|
||||
'bootstrap': ['jquery'],
|
||||
'sparkline': ['jquery'],
|
||||
'tablesorter': ['jquery'],
|
||||
'vector-map': ['jquery'],
|
||||
'vector-map-de': ['vector-map', 'jquery'],
|
||||
'vector-map-world': ['vector-map', 'jquery'],
|
||||
'core': ['bootstrap'],
|
||||
},
|
||||
paths: {
|
||||
'core': 'assets/js/core',
|
||||
'jquery': 'assets/js/vendors/jquery-3.2.1.min',
|
||||
'popper': 'assets/js/vendors/popper.min',
|
||||
'chart': 'assets/js/vendors/chart.bundle.min',
|
||||
'bootstrap': 'assets/js/vendors/bootstrap.min',
|
||||
'sparkline': 'assets/js/vendors/jquery.sparkline.min',
|
||||
'selectize': 'assets/js/vendors/selectize.min',
|
||||
'tablesorter': 'assets/js/vendors/jquery.tablesorter.min',
|
||||
'vector-map': 'assets/js/vendors/jquery-jvectormap-2.0.3.min',
|
||||
'vector-map-de': 'assets/js/vendors/jquery-jvectormap-de-merc',
|
||||
'vector-map-world': 'assets/js/vendors/jquery-jvectormap-world-mill',
|
||||
'circle-progress': 'assets/js/vendors/circle-progress.min',
|
||||
}
|
||||
shim: {
|
||||
'bootstrap': ['jquery'],
|
||||
'sparkline': ['jquery'],
|
||||
'tablesorter': ['jquery'],
|
||||
'vector-map': ['jquery'],
|
||||
'vector-map-de': ['vector-map', 'jquery'],
|
||||
'vector-map-world': ['vector-map', 'jquery'],
|
||||
'core': ['bootstrap'],
|
||||
},
|
||||
paths: {
|
||||
'core': 'assets/js/core',
|
||||
'jquery': 'assets/js/vendors/jquery-3.2.1.min',
|
||||
'popper': 'assets/js/vendors/popper.min',
|
||||
'chart': 'assets/js/vendors/chart.bundle.min',
|
||||
'bootstrap': 'assets/js/vendors/bootstrap.min',
|
||||
'sparkline': 'assets/js/vendors/jquery.sparkline.min',
|
||||
'selectize': 'assets/js/vendors/selectize.min',
|
||||
'tablesorter': 'assets/js/vendors/jquery.tablesorter.min',
|
||||
'vector-map': 'assets/js/vendors/jquery-jvectormap-2.0.3.min',
|
||||
'vector-map-de': 'assets/js/vendors/jquery-jvectormap-de-merc',
|
||||
'vector-map-world': 'assets/js/vendors/jquery-jvectormap-world-mill',
|
||||
'circle-progress': 'assets/js/vendors/circle-progress.min',
|
||||
}
|
||||
});
|
||||
|
||||
window.tabler = {
|
||||
colors: {
|
||||
"blue": "#467fcf",
|
||||
"azure": "#45aaf2",
|
||||
"indigo": "#6574cd",
|
||||
"purple": "#a55eea",
|
||||
"pink": "#f66d9b",
|
||||
"red": "#e74c3c",
|
||||
"orange": "#fd9644",
|
||||
"yellow": "#f1c40f",
|
||||
"lime": "#7bd235",
|
||||
"green": "#5eba00",
|
||||
"teal": "#2bcbba",
|
||||
"cyan": "#17a2b8",
|
||||
"gray": "#868e96",
|
||||
"gray-dark": "#343a40"
|
||||
|
||||
}
|
||||
colors: {
|
||||
"blue": "#467fcf",
|
||||
"azure": "#45aaf2",
|
||||
"indigo": "#6574cd",
|
||||
"purple": "#a55eea",
|
||||
"pink": "#f66d9b",
|
||||
"red": "#e74c3c",
|
||||
"orange": "#fd9644",
|
||||
"yellow": "#f1c40f",
|
||||
"lime": "#7bd235",
|
||||
"green": "#5eba00",
|
||||
"teal": "#2bcbba",
|
||||
"cyan": "#17a2b8",
|
||||
"gray": "#868e96",
|
||||
"gray-dark": "#343a40"
|
||||
}
|
||||
};
|
||||
|
||||
require(['core']);
|
||||
423
dist/blog.html
vendored
423
dist/blog.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item active">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,52 +177,22 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Blog components
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row row-cards row-deck">
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -349,30 +204,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -384,30 +223,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -419,30 +242,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -454,30 +261,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -489,28 +279,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -522,28 +297,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -555,32 +315,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -592,30 +334,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -627,32 +353,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -664,30 +372,14 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -699,16 +391,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -744,9 +433,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -767,12 +455,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
451
dist/cards.html
vendored
451
dist/cards.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Cards design - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Cards design - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item active">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,387 +177,211 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">This is a standard card</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
This is standard card footer
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Built card</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-blue"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card blue</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-green"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card green</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-orange"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card orange</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-red"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card red</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-yellow"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card yellow</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-teal"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card teal</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-purple"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card purple</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status card-status-left bg-blue"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card status on left side</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card card-collapsed">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Initial collapsed card</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">With additional fullscreen button</h3>
|
||||
|
||||
|
||||
<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-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>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Pannel with custom buttons</h3>
|
||||
|
||||
|
||||
<div class="card-options">
|
||||
|
||||
<a class="btn btn-secondary btn-sm">Action 1</a>
|
||||
<a class="btn btn-secondary btn-sm ml-2">Action 2</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with search form</h3>
|
||||
|
||||
|
||||
<div class="card-options">
|
||||
|
||||
<form action="">
|
||||
<div class="input-group">
|
||||
<input type="text" class="form-control form-control-sm" placeholder="Search something..." name="s">
|
||||
@@ -683,143 +392,87 @@
|
||||
</span>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with alert</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-alert alert alert-success mb-0">
|
||||
Adding action was successful
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with alert</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-alert alert alert-danger mb-0">
|
||||
Adding action was failed
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with switch</h3>
|
||||
|
||||
|
||||
<div class="card-options">
|
||||
|
||||
<label class="custom-switch m-0">
|
||||
<input type="checkbox" value="1" class="custom-switch-input" checked>
|
||||
<span class="custom-switch-indicator"></span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with loader</h3>
|
||||
|
||||
|
||||
<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-remove" data-toggle="card-remove"><i class="fe fe-x"></i></a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="dimmer active">
|
||||
<div class="loader"></div>
|
||||
<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!
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -855,9 +508,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -878,12 +530,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
378
dist/charts.html
vendored
378
dist/charts.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Charts - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Charts - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item active">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,35 +177,16 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Charts
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="row row-cards">
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -331,7 +197,7 @@
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-employment', // id of chart wrapper
|
||||
@@ -371,14 +237,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -389,7 +250,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-temperature', // id of chart wrapper
|
||||
@@ -427,14 +288,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -445,7 +301,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-area', // id of chart wrapper
|
||||
@@ -482,14 +338,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -500,7 +351,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-area-spline', // id of chart wrapper
|
||||
@@ -537,14 +388,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -555,7 +401,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-area-spline-sracked', // id of chart wrapper
|
||||
@@ -595,14 +441,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -613,7 +454,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-spline', // id of chart wrapper
|
||||
@@ -651,14 +492,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -669,7 +505,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-spline-rotated', // id of chart wrapper
|
||||
@@ -707,14 +543,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -725,7 +556,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-step', // id of chart wrapper
|
||||
@@ -762,14 +593,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -780,7 +606,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-area-step', // id of chart wrapper
|
||||
@@ -817,14 +643,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -835,7 +656,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-bar', // id of chart wrapper
|
||||
@@ -875,14 +696,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -893,7 +709,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-bar-rotated', // id of chart wrapper
|
||||
@@ -934,14 +750,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -952,7 +763,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-bar-stacked', // id of chart wrapper
|
||||
@@ -995,14 +806,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -1013,7 +819,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-pie', // id of chart wrapper
|
||||
@@ -1045,14 +851,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -1063,7 +864,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-donut', // id of chart wrapper
|
||||
@@ -1095,14 +896,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -1113,7 +909,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-scatter', // id of chart wrapper
|
||||
@@ -1150,14 +946,9 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="col-lg-6 col-xl-4">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
@@ -1168,7 +959,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-combination', // id of chart wrapper
|
||||
@@ -1221,19 +1012,14 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -1269,9 +1055,8 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -1292,12 +1077,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</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>
|
||||
<html lang="en-US">
|
||||
<meta charset="utf-8">
|
||||
<title>Redirecting…</title>
|
||||
<link rel="canonical" href="./docs/index.html">
|
||||
<meta http-equiv="refresh" content="0; url=./docs/index.html">
|
||||
<meta name="robots" content="noindex">
|
||||
<noscript><a href="./docs/index.html">Click here if you are not redirected.</a></noscript>
|
||||
<script>location = "./docs/index.html"</script>
|
||||
<meta charset="utf-8">
|
||||
<title>Redirecting…</title>
|
||||
<link rel="canonical" href="./docs/index.html">
|
||||
<meta http-equiv="refresh" content="0; url=./docs/index.html">
|
||||
<meta name="robots" content="noindex">
|
||||
<noscript><a href="./docs/index.html">Click here if you are not redirected.</a></noscript>
|
||||
<script>
|
||||
location = "./docs/index.html"
|
||||
</script>
|
||||
</html>
|
||||
368
dist/docs/alerts.html
vendored
368
dist/docs/alerts.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Alerts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,53 +213,37 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Alerts</h2>
|
||||
|
||||
|
||||
<p>Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.</p>
|
||||
|
||||
|
||||
|
||||
<div class="alert alert-primary mt-5 mb-6">
|
||||
<h4 class="mb-1">Work in progress!</h4>
|
||||
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<h3 id="default-alerts">Default alerts</h3>
|
||||
|
||||
<p>Add color contextual class.</p>
|
||||
|
||||
<div class="example">
|
||||
<div class="alert alert-primary" role="alert">
|
||||
<p>Add color contextual class.</p>
|
||||
<div class="example">
|
||||
<div class="alert alert-primary" role="alert">
|
||||
This is a primary alert—check it out!
|
||||
</div>
|
||||
|
||||
<div class="alert alert-secondary" role="alert">
|
||||
</div>
|
||||
<div class="alert alert-secondary" role="alert">
|
||||
This is a secondary alert—check it out!
|
||||
</div>
|
||||
|
||||
<div class="alert alert-success" role="alert">
|
||||
</div>
|
||||
<div class="alert alert-success" role="alert">
|
||||
This is a success alert—check it out!
|
||||
</div>
|
||||
|
||||
<div class="alert alert-info" role="alert">
|
||||
</div>
|
||||
<div class="alert alert-info" role="alert">
|
||||
This is a info alert—check it out!
|
||||
</div>
|
||||
|
||||
<div class="alert alert-warning" role="alert">
|
||||
</div>
|
||||
<div class="alert alert-warning" role="alert">
|
||||
This is a warning alert—check it out!
|
||||
</div>
|
||||
|
||||
<div class="alert alert-danger" role="alert">
|
||||
</div>
|
||||
<div class="alert alert-danger" role="alert">
|
||||
This is a danger alert—check it out!
|
||||
</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>
|
||||
</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>
|
||||
This is a primary alert—check it out!
|
||||
<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>
|
||||
@@ -428,24 +260,23 @@
|
||||
<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>
|
||||
This is a danger alert—check it out!
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="alert-with-icon">Alert with icon</h3>
|
||||
|
||||
<p>Add <code class="highlighter-rouge">.alert-icon</code> class.</p>
|
||||
|
||||
<div class="example">
|
||||
<div class="alert alert-icon alert-primary" role="alert">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="alert-with-icon">Alert with icon</h3>
|
||||
<p>Add <code class="highlighter-rouge">.alert-icon</code> class.</p>
|
||||
<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.
|
||||
</div>
|
||||
<div class="alert alert-icon alert-success" role="alert">
|
||||
</div>
|
||||
<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.
|
||||
</div>
|
||||
<div class="alert alert-icon alert-danger" role="alert">
|
||||
</div>
|
||||
<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.
|
||||
</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>
|
||||
</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>
|
||||
<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="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="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"></div></span></code></pre></div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="example">
|
||||
<div class="alert alert-warning alert-dismissible">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<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>
|
||||
<div class="example">
|
||||
<div class="alert alert-warning alert-dismissible">
|
||||
<button type="button" class="close" data-dismiss="alert"></button>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</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>
|
||||
</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>
|
||||
<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.
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="alert-with-avatar">Alert with avatar</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="alert alert-avatar alert-primary alert-dismissible">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="alert-with-avatar">Alert with avatar</h3>
|
||||
<div class="example">
|
||||
<div class="alert alert-avatar alert-primary alert-dismissible">
|
||||
<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.
|
||||
</div>
|
||||
<div class="alert alert-avatar alert-success alert-dismissible">
|
||||
</div>
|
||||
<div class="alert alert-avatar alert-success alert-dismissible">
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/35.jpg)"></span>
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit.
|
||||
</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>
|
||||
</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>
|
||||
<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.
|
||||
<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"><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.
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="alert-with-buttons">Alert with buttons</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="alert alert-success alert-dismissible">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="alert-with-buttons">Alert with buttons</h3>
|
||||
<div class="example">
|
||||
<div class="alert alert-success alert-dismissible">
|
||||
<button data-dismiss="alert" class="close"></button>
|
||||
|
||||
<h4>Some Message</h4>
|
||||
<p>
|
||||
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-secondary" type="button">No, thanks</button>
|
||||
</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>
|
||||
</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>
|
||||
<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"><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-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></code></pre></div>
|
||||
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -568,9 +394,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -591,12 +416,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
471
dist/docs/avatars.html
vendored
471
dist/docs/avatars.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Avatars - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,76 +213,64 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Avatars</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h3 id="simple-avatar">Simple avatar</h3>
|
||||
|
||||
<div class="example">
|
||||
<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/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/17.jpg)"></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>
|
||||
<div class="example">
|
||||
<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/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/17.jpg)"></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/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/male/40.jpg)"</span><span class="nt">></span></span></code></pre></div>
|
||||
|
||||
<h3 id="avatar-size">Avatar size</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="avatar-list">
|
||||
<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 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-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>
|
||||
</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-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/male/40.jpg)"</span><span class="nt">></span></span></code></pre>
|
||||
</div>
|
||||
<h3 id="avatar-size">Avatar size</h3>
|
||||
<div class="example">
|
||||
<div class="avatar-list">
|
||||
<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 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-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>
|
||||
</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-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 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-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>
|
||||
|
||||
<h3 id="avatar-status">Avatar status</h3>
|
||||
|
||||
<div class="example">
|
||||
<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/female/25.jpg)">
|
||||
<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>
|
||||
<div class="example">
|
||||
<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/female/25.jpg)">
|
||||
<span class="avatar-status"></span>
|
||||
</span>
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/9.jpg)">
|
||||
</span>
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/9.jpg)">
|
||||
<span class="avatar-status bg-red"></span>
|
||||
</span>
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
|
||||
</span>
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/25.jpg)">
|
||||
<span class="avatar-status bg-green"></span>
|
||||
</span>
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/16.jpg)">
|
||||
</span>
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/female/16.jpg)">
|
||||
<span class="avatar-status bg-yellow"></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="na">style=</span><span class="s">"background-image: url(./assets/images/faces/male/2.jpg)"</span><span class="nt">></span></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="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-status"</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="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></code></pre></div>
|
||||
|
||||
<h3 id="avatar-placeholder">Avatar placeholder</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="avatar-list">
|
||||
<span class="avatar">RB</span>
|
||||
|
||||
<span class="avatar">KH</span>
|
||||
|
||||
<span class="avatar">BK</span>
|
||||
|
||||
<span class="avatar avatar-placeholder"></span>
|
||||
<span class="avatar"><i class="fe fe-more-horizontal"></i></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></code></pre>
|
||||
</div>
|
||||
<h3 id="avatar-placeholder">Avatar placeholder</h3>
|
||||
<div class="example">
|
||||
<div class="avatar-list">
|
||||
<span class="avatar">RB</span>
|
||||
<span class="avatar">KH</span>
|
||||
<span class="avatar">BK</span>
|
||||
<span class="avatar avatar-placeholder"></span>
|
||||
<span class="avatar"><i class="fe fe-more-horizontal"></i></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>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"</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="avatar-list">
|
||||
<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-purple">PR</span>
|
||||
|
||||
|
||||
<span class="avatar avatar-pink">WH</span>
|
||||
|
||||
|
||||
<span class="avatar avatar-red">MR</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"</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="avatar-list">
|
||||
<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-purple">PR</span>
|
||||
<span class="avatar avatar-pink">WH</span>
|
||||
<span class="avatar avatar-red">MR</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-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>
|
||||
@@ -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-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-dark"</span><span class="nt">></span>CW<span class="nt"></span></span></code></pre></div>
|
||||
|
||||
<h3 id="avatars-list">Avatars list</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="avatar-list">
|
||||
|
||||
<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>
|
||||
<div class="example">
|
||||
<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/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/17.jpg)"></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"><div</span> <span class="na">class=</span><span class="s">"avatar-list"</span><span class="nt">></span>
|
||||
</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"</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/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/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"></div></span></code></pre></div>
|
||||
|
||||
<div class="example">
|
||||
<div class="avatar-list avatar-list-stacked">
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<div class="example">
|
||||
<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/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/2.jpg)"></span>
|
||||
|
||||
<span class="avatar" style="background-image: url(../assets/images/faces/male/34.jpg)"></span>
|
||||
|
||||
<span class="avatar">+8</span>
|
||||
</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>
|
||||
</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>
|
||||
<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/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/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"></div></span></code></pre></div>
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -623,9 +418,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -646,12 +440,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</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>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Cards - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,85 +213,55 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<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>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>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<h3 id="default-card">Default card</h3>
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card title</h3>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</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>
|
||||
</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>
|
||||
<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"></div></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!
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="advanced-card">Advanced card</h3>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="advanced-card">Advanced card</h3>
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card title</h3>
|
||||
|
||||
|
||||
<div class="card-options">
|
||||
|
||||
<a class="btn btn-secondary btn-sm">Action 1</a>
|
||||
<a class="btn btn-secondary btn-sm ml-2">Action 2</a>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-footer">
|
||||
This is standard card footer
|
||||
</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>
|
||||
</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>
|
||||
<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"><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>
|
||||
This is standard card footer
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<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>
|
||||
<div class="example example-bg">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -490,10 +297,11 @@
|
||||
</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>
|
||||
</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>
|
||||
<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"><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></code></pre></div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="row row-cards row-deck">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<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>
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="row row-cards row-deck">
|
||||
<div class="col-md-4">
|
||||
<div class="card">
|
||||
<div class="card-body">Short content</div>
|
||||
@@ -533,10 +339,11 @@
|
||||
<div class="card-body">Short content</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>
|
||||
</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-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-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="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="card card-aside">
|
||||
|
||||
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<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>
|
||||
<div class="example example-bg">
|
||||
<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>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="card-body d-flex flex-column">
|
||||
<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="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>
|
||||
@@ -585,10 +381,11 @@
|
||||
</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>
|
||||
</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>
|
||||
<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"><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></code></pre></div>
|
||||
|
||||
<h3 id="color-variations">Color variations</h3>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="row row-cards row-deck">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="color-variations">Color variations</h3>
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="row row-cards row-deck">
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status bg-purple"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card status</h3>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<div class="card">
|
||||
|
||||
<div class="card-status card-status-left bg-blue"></div>
|
||||
|
||||
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card status on left side</h3>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</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>
|
||||
</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>
|
||||
<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-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></code></pre></div>
|
||||
|
||||
<h3 id="card-with-switch">Card with switch</h3>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="card-with-switch">Card with switch</h3>
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with switch</h3>
|
||||
|
||||
|
||||
<div class="card-options">
|
||||
|
||||
<label class="custom-switch m-0">
|
||||
<input type="checkbox" value="1" class="custom-switch-input" checked="" />
|
||||
<span class="custom-switch-indicator"></span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima neque pariatur perferendis sed suscipit velit vitae voluptatem. A consequuntur, deserunt eaque error nulla temporibus!
|
||||
|
||||
</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>
|
||||
</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>
|
||||
<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"><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>
|
||||
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></code></pre></div>
|
||||
|
||||
<h3 id="card-with-loader">Card with loader</h3>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="card-with-loader">Card with loader</h3>
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-1">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Card with loader</h3>
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card-body">
|
||||
|
||||
<div class="dimmer active">
|
||||
<div class="loader"></div>
|
||||
<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!
|
||||
</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>
|
||||
</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>
|
||||
<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"></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></code></pre></div>
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -812,9 +570,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -835,12 +592,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
258
dist/docs/charts.html
vendored
258
dist/docs/charts.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Charts - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,30 +213,21 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Charts</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h3 id="c3js-charts">c3.js charts</h3>
|
||||
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="card">
|
||||
<div class="example example-bg">
|
||||
<div class="example-column example-column-2">
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">Chart name</h3>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<div id="chart-wrapper" style="height: 16rem"></div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
<script>
|
||||
require(['c3', 'jquery'], function(c3, $) {
|
||||
$(document).ready(function(){
|
||||
var chart = c3.generate({
|
||||
bindto: '#chart-wrapper', // id of chart wrapper
|
||||
@@ -426,11 +265,12 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
},
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</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>
|
||||
});
|
||||
</script>
|
||||
</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>
|
||||
<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"></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="nt"></script></span></code></pre></div>
|
||||
|
||||
<span class="nt"></script></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -526,9 +364,8 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -549,12 +386,7 @@ require(['c3', 'jquery'], function(c3, $) {
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
340
dist/docs/form-components.html
vendored
340
dist/docs/form-components.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Form components - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,78 +213,58 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<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>
|
||||
<div class="d-flex">
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="azure" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-azure"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="indigo" class="colorinput-input" checked="" />
|
||||
<span class="colorinput-color bg-indigo"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="purple" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-purple"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="pink" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-pink"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="red" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-red"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="orange" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-orange"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="yellow" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-yellow"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="lime" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-lime"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="green" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-green"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="teal" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-teal"></span>
|
||||
</label>
|
||||
|
||||
</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>
|
||||
</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>
|
||||
<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"><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"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="image-input">Image input</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="form-group">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="image-input">Image input</h3>
|
||||
<div class="example">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Image Check</label>
|
||||
<div class="row sm-gutters">
|
||||
|
||||
<div class="col-sm-2">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
|
||||
@@ -497,7 +323,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-2">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked="" />
|
||||
@@ -506,7 +331,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-2">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
|
||||
@@ -515,7 +339,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-2">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked="" />
|
||||
@@ -524,7 +347,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-2">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
|
||||
@@ -533,7 +355,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-2">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
|
||||
@@ -542,11 +363,11 @@
|
||||
</figure>
|
||||
</label>
|
||||
</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>
|
||||
</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>
|
||||
<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">"col-sm-2"</span><span class="nt">></span>
|
||||
@@ -598,12 +419,11 @@
|
||||
<span class="nt"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="icon-input">Icon input</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="form-group">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="icon-input">Icon input</h3>
|
||||
<div class="example">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Icon input</label>
|
||||
<div class="input-icon mb-3">
|
||||
<input type="text" class="form-control" placeholder="Search for..." />
|
||||
@@ -617,9 +437,10 @@
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Username" />
|
||||
</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>
|
||||
</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>
|
||||
<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"><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"><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></code></pre></div>
|
||||
|
||||
<h3 id="toggle-switches">Toggle switches</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="form-group">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="toggle-switches">Toggle switches</h3>
|
||||
<div class="example">
|
||||
<div class="form-group">
|
||||
<div class="form-label">Toggle switches</div>
|
||||
<div class="custom-switches-stacked">
|
||||
<label class="custom-switch">
|
||||
@@ -651,16 +471,16 @@
|
||||
<span class="custom-switch-indicator"></span>
|
||||
<span class="custom-switch-description">Option 2</span>
|
||||
</label>
|
||||
|
||||
<label class="custom-switch">
|
||||
<input type="radio" name="option" value="3" class="custom-switch-input" />
|
||||
<span class="custom-switch-indicator"></span>
|
||||
<span class="custom-switch-description">Option 3</span>
|
||||
</label>
|
||||
</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>
|
||||
</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>
|
||||
<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"><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"></label></span>
|
||||
<span class="nt"></div></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="form-fieldset">Form fieldset</h3>
|
||||
|
||||
<div class="example">
|
||||
<fieldset class="form-fieldset">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="form-fieldset">Form fieldset</h3>
|
||||
<div class="example">
|
||||
<fieldset class="form-fieldset">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Full name<span class="form-required">*</span></label>
|
||||
<input type="text" class="form-control" />
|
||||
@@ -701,9 +520,10 @@
|
||||
<label class="form-label">Phone number</label>
|
||||
<input type="tel" class="form-control" />
|
||||
</div>
|
||||
</fieldset>
|
||||
</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>
|
||||
</fieldset>
|
||||
</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>
|
||||
<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"><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"><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"></fieldset></span></code></pre></div>
|
||||
|
||||
<span class="nt"></fieldset></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -768,9 +586,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -791,12 +608,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
233
dist/docs/grid.html
vendored
233
dist/docs/grid.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Grid utilities - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,34 +213,21 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Grid utilities</h2>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="alert alert-primary mt-5 mb-6">
|
||||
<h4 class="mb-1">Work in progress!</h4>
|
||||
<div>More detailed documentation is coming soon, but in the meantime here's a quick class reference.</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -428,9 +263,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -451,12 +285,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
267
dist/docs/index.html
vendored
267
dist/docs/index.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Introduction - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,61 +213,40 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<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>
|
||||
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
<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>
|
||||
</ol>
|
||||
<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>
|
||||
<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>Any change in <code class="highlighter-rouge">/src</code> directory will build application and refresh the page.</li>
|
||||
</ol>
|
||||
|
||||
<div class="alert alert-warning">
|
||||
<strong>Warning!</strong> all changes made in <code>_site/</code> folder would be overwriten on application build.
|
||||
</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>
|
||||
|
||||
</ol>
|
||||
<div class="alert alert-warning">
|
||||
<strong>Warning!</strong> all changes made in <code>_site/</code> folder would be overwriten on application build.
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -455,9 +282,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -478,12 +304,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
508
dist/docs/tags.html
vendored
508
dist/docs/tags.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Tags - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,91 +213,69 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Tags</h2>
|
||||
|
||||
|
||||
<p>Small tag labels to insert anywhere</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<h3 id="default-tag">Default tag</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">First tag</span>
|
||||
<span class="tag">Second tag</span>
|
||||
<span class="tag">Third 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"</span><span class="nt">></span>First tag<span class="nt"></span></span>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">First tag</span>
|
||||
<span class="tag">Second tag</span>
|
||||
<span class="tag">Third 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"</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>Third tag<span class="nt"></span></span></code></pre></div>
|
||||
|
||||
<h3 id="link-tag">Link tag</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<a href="#" class="tag">First tag</a>
|
||||
<a href="#" class="tag">Second tag</a>
|
||||
<a href="#" class="tag">Third tag</a>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<a href="#" class="tag">First tag</a>
|
||||
<a href="#" class="tag">Second tag</a>
|
||||
<a href="#" class="tag">Third tag</a>
|
||||
</div>
|
||||
</div>
|
||||
<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>
|
||||
<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>
|
||||
|
||||
<h3 id="rounded-tag">Rounded tag</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag tag-rounded">First tag</span>
|
||||
<span class="tag tag-rounded">Second tag</span>
|
||||
<span class="tag tag-rounded">Third 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-rounded"</span><span class="nt">></span>First tag<span class="nt"></span></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>
|
||||
<h3 id="rounded-tag">Rounded tag</h3>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag tag-rounded">First tag</span>
|
||||
<span class="tag tag-rounded">Second tag</span>
|
||||
<span class="tag tag-rounded">Third 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-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>Third tag<span class="nt"></span></span></code></pre></div>
|
||||
|
||||
<h3 id="color-tag">Color tag</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<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-purple">Purple tag</span>
|
||||
|
||||
<span class="tag tag-pink">Pink tag</span>
|
||||
|
||||
<span class="tag tag-red">Red tag</span>
|
||||
|
||||
<span class="tag tag-orange">Orange tag</span>
|
||||
|
||||
<span class="tag tag-yellow">Yellow tag</span>
|
||||
|
||||
<span class="tag tag-lime">Lime tag</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-rounded"</span><span class="nt">></span>Third tag<span class="nt"></span></span></code></pre>
|
||||
</div>
|
||||
<h3 id="color-tag">Color tag</h3>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<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-purple">Purple tag</span>
|
||||
<span class="tag tag-pink">Pink tag</span>
|
||||
<span class="tag tag-red">Red tag</span>
|
||||
<span class="tag tag-orange">Orange tag</span>
|
||||
<span class="tag tag-yellow">Yellow tag</span>
|
||||
<span class="tag tag-lime">Lime tag</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-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>
|
||||
@@ -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-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-dark"</span><span class="nt">></span>Dark gray tag<span class="nt"></span></span></code></pre></div>
|
||||
|
||||
<h3 id="avatar-tag">Avatar tag</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">
|
||||
<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>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/16.jpg)"></span>
|
||||
Victoria
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/41.jpg)"></span>
|
||||
Nathan
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/1.jpg)"></span>
|
||||
Alice
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/18.jpg)"></span>
|
||||
Rose
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/16.jpg)"></span>
|
||||
Peter
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/male/26.jpg)"></span>
|
||||
Wayne
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/7.jpg)"></span>
|
||||
Michelle
|
||||
</span>
|
||||
|
||||
<span class="tag">
|
||||
</span>
|
||||
<span class="tag">
|
||||
<span class="tag-avatar avatar" style="background-image: url(../assets/images/faces/female/17.jpg)"></span>
|
||||
Debra
|
||||
</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"</span><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">"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>
|
||||
Victoria
|
||||
<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-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
|
||||
<span class="nt"></span></span></code></pre></div>
|
||||
|
||||
<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>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="nt"></span></span></code></pre>
|
||||
</div>
|
||||
<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>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">First tag</span>
|
||||
<span class="tag">Second tag</span>
|
||||
<span class="tag">Third tag</span>
|
||||
</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>
|
||||
</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>
|
||||
<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>Third tag<span class="nt"></span></span>
|
||||
<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>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<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>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">One</span>
|
||||
<span class="tag">Two</span>
|
||||
<span class="tag">Three</span>
|
||||
@@ -583,9 +400,10 @@
|
||||
<span class="tag">Eighteen</span>
|
||||
<span class="tag">Nineteen</span>
|
||||
<span class="tag">Twenty</span>
|
||||
</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>
|
||||
</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>
|
||||
<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>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>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"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="tag-remove">Tag remove</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="tag-remove">Tag remove</h3>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<span class="tag">
|
||||
One
|
||||
<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
|
||||
@@ -628,9 +445,10 @@
|
||||
Four
|
||||
<a href="javascript:void(0)" class="tag-addon"><i class="fe fe-x"></i></a>
|
||||
</span>
|
||||
</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>
|
||||
</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>
|
||||
<span class="nt"><span</span> <span class="na">class=</span><span class="s">"tag"</span><span class="nt">></span>
|
||||
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>
|
||||
@@ -647,31 +465,31 @@
|
||||
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"></span></span>
|
||||
<span class="nt"></div></span></code></pre></div>
|
||||
|
||||
<h3 id="tag-addons">Tag addons</h3>
|
||||
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<div class="tag">
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
<h3 id="tag-addons">Tag addons</h3>
|
||||
<div class="example">
|
||||
<div class="tags">
|
||||
<div class="tag">
|
||||
npm
|
||||
<a href="#" class="tag-addon"><i class="fe fe-x"></i></a>
|
||||
</div>
|
||||
<div class="tag tag-danger">
|
||||
</div>
|
||||
<div class="tag tag-danger">
|
||||
npm
|
||||
<span class="tag-addon"><i class="fe fe-activity"></i></span>
|
||||
</div>
|
||||
<div class="tag">
|
||||
</div>
|
||||
<div class="tag">
|
||||
bundle
|
||||
<span class="tag-addon tag-success">passing</span>
|
||||
</div>
|
||||
<span class="tag tag-dark">
|
||||
</div>
|
||||
<span class="tag tag-dark">
|
||||
CSS gzip size
|
||||
<span class="tag-addon tag-warning">20.9 kB</span>
|
||||
</span>
|
||||
</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>
|
||||
</span>
|
||||
</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>
|
||||
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"></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>
|
||||
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></code></pre></div>
|
||||
|
||||
<span class="nt"></span></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -734,9 +550,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -757,12 +572,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
250
dist/docs/typography.html
vendored
250
dist/docs/typography.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Typography - Documentation - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="../assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '..'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="../assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="../assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="../assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="../assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="../assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="../assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="../index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="../charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="../icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="../store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="../blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="../profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="../login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="../register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="../forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="../400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="../empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="../docs/index.html" class="nav-link active"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,72 +177,35 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Documentation
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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">
|
||||
<i class="fe fe-github mr-2"></i>Browse source code
|
||||
</a>
|
||||
|
||||
|
||||
<!-- Getting started -->
|
||||
<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>
|
||||
|
||||
</div>
|
||||
|
||||
<!-- Components -->
|
||||
<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/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/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/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/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 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>
|
||||
</div>
|
||||
@@ -365,24 +213,13 @@
|
||||
<div class="col-lg-9">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
|
||||
<div class="text-wrap p-lg-6">
|
||||
<h2 class="mt-0 mb-4">Typography</h2>
|
||||
|
||||
|
||||
<p>A single class to handle WYSIWYG generated content, where only HTML tags are available</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<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>
|
||||
|
||||
<div class="example">
|
||||
<div class="text-wrap">
|
||||
<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">
|
||||
<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>
|
||||
<h2>Second level</h2>
|
||||
@@ -471,9 +308,10 @@
|
||||
</figure>
|
||||
<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>
|
||||
</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>
|
||||
</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>
|
||||
<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"><h2></span>Second level<span class="nt"></h2></span>
|
||||
@@ -562,19 +400,17 @@
|
||||
<span class="nt"></figure></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"></div></span></code></pre></div>
|
||||
|
||||
<span class="nt"></div></span></code></pre>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -610,9 +446,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -633,12 +468,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
187
dist/empty.html
vendored
187
dist/empty.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Empty page - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Empty page - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,17 +177,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
<div class="page-content">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -338,9 +217,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -361,12 +239,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
66
dist/forgot-password.html
vendored
66
dist/forgot-password.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Forgot password - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Forgot password - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,28 +22,20 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -57,12 +43,9 @@
|
||||
<div class="text-center mb-6">
|
||||
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<form class="card" action="" method="post">
|
||||
|
||||
<div class="card-body p-6">
|
||||
<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>
|
||||
<div class="form-group">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
<div class="text-center text-muted">
|
||||
</form>
|
||||
<div class="text-center text-muted">
|
||||
Forget it, <a href="./login.html">send me back</a> to the sign in screen.
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
387
dist/form-elements.html
vendored
387
dist/form-elements.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link active"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,12 +177,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-12">
|
||||
@@ -328,12 +209,9 @@
|
||||
<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>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Image Check</label>
|
||||
<div class="row sm-gutters">
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="1" class="imagecheck-input" />
|
||||
@@ -342,7 +220,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="2" class="imagecheck-input" checked />
|
||||
@@ -351,7 +228,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="3" class="imagecheck-input" />
|
||||
@@ -360,7 +236,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="4" class="imagecheck-input" checked />
|
||||
@@ -369,7 +244,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="5" class="imagecheck-input" />
|
||||
@@ -378,7 +252,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="6" class="imagecheck-input" />
|
||||
@@ -387,7 +260,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="7" class="imagecheck-input" checked />
|
||||
@@ -396,7 +268,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="8" class="imagecheck-input" />
|
||||
@@ -405,7 +276,6 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="col-6 col-sm-4">
|
||||
<label class="imagecheck mb-4">
|
||||
<input name="imagecheck" type="checkbox" value="9" class="imagecheck-input" />
|
||||
@@ -414,67 +284,53 @@
|
||||
</figure>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Color Input</label>
|
||||
<div class="d-flex">
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="azure" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-azure"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="indigo" class="colorinput-input" checked/>
|
||||
<span class="colorinput-color bg-indigo"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="purple" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-purple"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="pink" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-pink"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="red" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-red"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="orange" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-orange"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="yellow" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-yellow"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="lime" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-lime"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="green" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-green"></span>
|
||||
</label>
|
||||
|
||||
<label class="colorinput mr-2">
|
||||
<input name="color" type="checkbox" value="teal" class="colorinput-input" />
|
||||
<span class="colorinput-color bg-teal"></span>
|
||||
</label>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Input group</label>
|
||||
<div class="input-group">
|
||||
@@ -506,7 +362,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Icon input</label>
|
||||
<div class="input-icon mb-3">
|
||||
@@ -521,8 +376,7 @@
|
||||
</span>
|
||||
<input type="text" class="form-control" placeholder="Username">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<label class="form-label">Separated inputs</label>
|
||||
<div class="row xs-gutters">
|
||||
@@ -542,7 +396,9 @@
|
||||
</div>
|
||||
<span class="col-auto align-self-center">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
@@ -552,23 +408,18 @@
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" name="example-password-input" placeholder="Password..">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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 mt-3 state-valid" value="Valid state">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Invalid State</label>
|
||||
<input type="text" class="form-control is-invalid" name="example-text-input-invalid"
|
||||
placeholder="Invalid State..">
|
||||
<div class="invalid-feedback">Invalid feedback</div>
|
||||
|
||||
<input type="text" class="form-control mt-3 state-invalid" value="Invalid state">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Country</label>
|
||||
<select class="form-control custom-select">
|
||||
@@ -597,7 +448,6 @@
|
||||
<input type="radio" name="value" value="100" class="selectgroup-input">
|
||||
<span class="selectgroup-button">M</span>
|
||||
</label>
|
||||
|
||||
<label class="selectgroup-item">
|
||||
<input type="radio" name="value" value="150" class="selectgroup-input">
|
||||
<span class="selectgroup-button">L</span>
|
||||
@@ -675,7 +525,6 @@
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<div class="form-label">Toggle switches</div>
|
||||
<div class="custom-switches-stacked">
|
||||
@@ -689,15 +538,13 @@
|
||||
<span class="custom-switch-indicator"></span>
|
||||
<span class="custom-switch-description">Option 2</span>
|
||||
</label>
|
||||
|
||||
<label class="custom-switch">
|
||||
<input type="radio" name="option" value="3" class="custom-switch-input">
|
||||
<span class="custom-switch-indicator"></span>
|
||||
<span class="custom-switch-description">Option 3</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<div class="form-label">Toggle switch single</div>
|
||||
<label class="custom-switch">
|
||||
@@ -706,7 +553,6 @@
|
||||
<span class="custom-switch-description">I agree with terms and conditions</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<fieldset class="form-fieldset">
|
||||
<div class="form-group">
|
||||
<label class="form-label">Full name<span class="form-required">*</span></label>
|
||||
@@ -724,7 +570,7 @@
|
||||
<label class="form-label">Phone number</label>
|
||||
<input type="tel" class="form-control" />
|
||||
</div>
|
||||
</fieldset>
|
||||
</fieldset>
|
||||
</div>
|
||||
<div class="col-md-6 col-lg-4">
|
||||
<div class="form-group">
|
||||
@@ -811,7 +657,6 @@
|
||||
<label class="custom-file-label">Choose file</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Date of birth</label>
|
||||
<div class="row xs-gutters">
|
||||
@@ -993,8 +838,6 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Username</label>
|
||||
<div class="input-group">
|
||||
@@ -1004,7 +847,6 @@
|
||||
<input type="text" class="form-control" placeholder="Username" aria-label="Username" aria-describedby="basic-addon1">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Subdomain</label>
|
||||
<div class="input-group">
|
||||
@@ -1014,7 +856,6 @@
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Your vanity URL</label>
|
||||
<div class="input-group">
|
||||
@@ -1024,7 +865,6 @@
|
||||
<input type="text" class="form-control" id="basic-url" aria-describedby="basic-addon3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Price</label>
|
||||
<div class="input-group">
|
||||
@@ -1037,7 +877,6 @@
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Button input</label>
|
||||
<div class="input-group">
|
||||
@@ -1056,12 +895,10 @@
|
||||
<input type="text" class="form-control" aria-label="Text input with dropdown button">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Tags</label>
|
||||
<input type="text" class="form-control" id="input-tags" value="aa,bb,cc,dd">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Beast</label>
|
||||
<select name="beast" id="select-beast" class="form-control custom-select">
|
||||
@@ -1070,214 +907,111 @@
|
||||
<option value="3">Nikola Tesla</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Users list</label>
|
||||
<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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="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="100" data-data='{"image": "assets/images/faces/male/11.jpg"}'>Richard Allen</option>
|
||||
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Countries</label>
|
||||
<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>
|
||||
<button type="submit" class="btn btn-primary ml-auto">Send data</button>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</form>
|
||||
|
||||
|
||||
</form>
|
||||
</div>
|
||||
<div class="col-lg-4">
|
||||
<div class="card">
|
||||
@@ -1311,47 +1042,39 @@
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<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" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
</div>
|
||||
<script>
|
||||
require(['input-mask']);
|
||||
</script>
|
||||
</script>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">My Profile</h3>
|
||||
@@ -1369,34 +1092,29 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Bio</label>
|
||||
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Email-Address</label>
|
||||
<input class="form-control" placeholder="your-email@domain.com"/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" value="password"/>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button class="btn btn-primary btn-block">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<form class="card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Edit Profile</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="form-group">
|
||||
@@ -1468,7 +1186,7 @@ But that's the difference in our opinions.</textarea>
|
||||
<div class="card-footer text-right">
|
||||
<button type="submit" class="btn btn-primary">Update Profile</button>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<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">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-label">Assertions</div>
|
||||
<div class="table-responsive">
|
||||
<table class="table mb-0">
|
||||
@@ -1635,14 +1352,13 @@ But that's the difference in our opinions.</textarea>
|
||||
<div class="card-footer text-right">
|
||||
<button type="submit" class="btn btn-primary">Make request</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -1678,9 +1394,8 @@ But that's the difference in our opinions.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -1701,14 +1416,9 @@ But that's the difference in our opinions.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script>
|
||||
</footer>
|
||||
</div>
|
||||
<script>
|
||||
require(['jquery', 'selectize'], function ($, selectize) {
|
||||
$(document).ready(function () {
|
||||
$('#input-tags').selectize({
|
||||
@@ -1759,9 +1469,6 @@ But that's the difference in our opinions.</textarea>
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
216
dist/gallery.html
vendored
216
dist/gallery.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link active"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,12 +177,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
@@ -317,12 +198,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cards">
|
||||
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -340,9 +217,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -360,9 +235,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -380,9 +253,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -400,9 +271,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -420,9 +289,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -440,9 +307,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -460,9 +325,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -480,9 +343,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -500,9 +361,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -520,9 +379,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -540,9 +397,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-sm-6 col-lg-4">
|
||||
|
||||
<div class="card p-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">
|
||||
@@ -560,16 +415,11 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -605,9 +455,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -628,12 +477,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</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>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Login - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Login - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,28 +22,20 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -57,12 +43,9 @@
|
||||
<div class="text-center mb-6">
|
||||
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<form class="card" action="" method="post">
|
||||
|
||||
<div class="card-body p-6">
|
||||
<div class="card-title">Login to your account</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Email address</label>
|
||||
<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>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Sign in</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center text-muted">
|
||||
</form>
|
||||
<div class="text-center text-muted">
|
||||
Don't have account yet? <a href="./register.html">Sign up</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
203
dist/lookup.html
vendored
203
dist/lookup.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Lookup company - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Lookup company - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,27 +177,15 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Lookup company
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="row">
|
||||
<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.
|
||||
@@ -328,7 +201,6 @@
|
||||
<div class="h3 m-0 font-weight-normal">amazon.com</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<h5 class="mb-1">Name</h5>
|
||||
@@ -373,14 +245,10 @@
|
||||
<div class="text-muted-dark">America/Los_Angeles</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<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>
|
||||
|
||||
<hr>
|
||||
|
||||
<h5 class="mb-4">Recent News</h5>
|
||||
|
||||
<ul class="list-unstyled">
|
||||
<li class="mb-5">
|
||||
<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 class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -556,9 +423,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -579,12 +445,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
242
dist/maps.html
vendored
242
dist/maps.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Maps - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Maps - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,18 +177,13 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="map-header">
|
||||
<div class="map-header-layer" id="map-background"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
||||
</div>
|
||||
<script>
|
||||
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
||||
$(document).ready(function(){
|
||||
var myLatlng = new google.maps.LatLng({lat: 52.230119, lng: 20.983394});
|
||||
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);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
<div class="container">
|
||||
|
||||
});
|
||||
</script>
|
||||
<div class="container">
|
||||
<div class="row row-cards">
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card">
|
||||
@@ -353,7 +231,6 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-map card-map-placeholder"></div>
|
||||
|
||||
<div class="card-body">
|
||||
<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">
|
||||
@@ -365,7 +242,6 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
||||
</address>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="h6">Relationship</div>
|
||||
@@ -384,11 +260,10 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
||||
<p>+123456789</p>
|
||||
</div>
|
||||
</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>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
require(['jquery', 'vector-map', 'vector-map-de'], function(){
|
||||
</div>
|
||||
<script>
|
||||
require(['jquery', 'vector-map', 'vector-map-de'], 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};
|
||||
|
||||
@@ -452,8 +326,8 @@ require(['jquery', 'vector-map', 'vector-map-de'], function(){
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="col-lg-8 col-md-6">
|
||||
<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>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
||||
</div>
|
||||
<script>
|
||||
require(['jquery', 'vector-map', 'vector-map-world'], 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};
|
||||
|
||||
@@ -508,9 +381,8 @@ require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
||||
}
|
||||
});
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
});
|
||||
</script>
|
||||
<div class="row">
|
||||
<div class="col-6">
|
||||
<div class="card">
|
||||
@@ -521,7 +393,6 @@ require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-map" id="map-metro"></div>
|
||||
|
||||
<div class="card-body">
|
||||
<ul class="timeline">
|
||||
<li class="timeline-item">
|
||||
@@ -564,10 +435,9 @@ require(['jquery', 'vector-map', 'vector-map-world'], function(){
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
||||
</div>
|
||||
<script>
|
||||
require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzPLFw8zGhQ750Xk', 'jquery'], function (maps, $) {
|
||||
$(document).ready(function(){
|
||||
var myLatlng = new google.maps.LatLng({lat: 52.230119, lng: 20.983394});
|
||||
var mapOptions = {
|
||||
@@ -617,19 +487,17 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
||||
});
|
||||
mapPath.setMap(map);
|
||||
});
|
||||
});
|
||||
</script>
|
||||
});
|
||||
</script>
|
||||
</div>
|
||||
<div class="col-6">2</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -665,9 +533,8 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -688,12 +555,7 @@ require(['https://maps.googleapis.com/maps/api/js?key=AIzaSyCOJwXN0eoyeFZ3cYtGzP
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
210
dist/profile.html
vendored
210
dist/profile.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Profile - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Profile - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item active">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,12 +177,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<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-body text-center">
|
||||
<img class="card-profile-img" src="assets/images/faces/male/16.jpg">
|
||||
|
||||
<h3 class="mb-3">Peter Richards</h3>
|
||||
|
||||
<p class="mb-4">
|
||||
Big belly rude boy, million dollar hustler. Unemployed.
|
||||
</p>
|
||||
|
||||
<button class="btn btn-outline-primary btn-sm">
|
||||
<span class="fa fa-twitter"></span> Follow
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="media">
|
||||
@@ -324,7 +202,6 @@
|
||||
<div class="media-body">
|
||||
<h4 class="m-0">Juan Hernandez</h4>
|
||||
<p class="text-muted mb-0">Webdeveloper</p>
|
||||
|
||||
<ul class="social-links list-inline mb-0 mt-2">
|
||||
<li class="list-inline-item">
|
||||
<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>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h3 class="card-title">My Profile</h3>
|
||||
@@ -361,28 +237,24 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Bio</label>
|
||||
<textarea class="form-control" rows="5">Big belly rude boy, million dollar hustler. Unemployed.</textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Email-Address</label>
|
||||
<input class="form-control" placeholder="your-email@domain.com"/>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Password</label>
|
||||
<input type="password" class="form-control" value="password"/>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button class="btn btn-primary btn-block">Save</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="card">
|
||||
@@ -405,13 +277,11 @@
|
||||
<small class="float-right text-muted">4 min</small>
|
||||
<h5>Peter Richards</h5>
|
||||
</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
|
||||
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.
|
||||
</div>
|
||||
|
||||
<ul class="media-list">
|
||||
<li class="media mt-4">
|
||||
<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>
|
||||
<h5>Peter Richards</h5>
|
||||
</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
|
||||
venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.
|
||||
</div>
|
||||
|
||||
<ul class="media-list">
|
||||
<li class="media mt-4">
|
||||
<div class="media-object avatar mr-4" style="background-image: url(assets/images/faces/male/26.jpg)"></div>
|
||||
@@ -476,11 +344,10 @@
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<form class="card">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title">Edit Profile</h3>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-5">
|
||||
<div class="form-group">
|
||||
@@ -552,14 +419,13 @@ But that's the difference in our opinions.</textarea>
|
||||
<div class="card-footer text-right">
|
||||
<button type="submit" class="btn btn-primary">Update Profile</button>
|
||||
</div>
|
||||
</form>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -595,9 +461,8 @@ But that's the difference in our opinions.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -618,12 +483,7 @@ But that's the difference in our opinions.</textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
67
dist/register.html
vendored
67
dist/register.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Register - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Register - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,28 +22,20 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-single">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
@@ -57,11 +43,9 @@
|
||||
<div class="text-center mb-6">
|
||||
<img src="./assets/brand/tabler.svg" class="h-6" alt="">
|
||||
</div>
|
||||
|
||||
<form class="card" action="" method="post">
|
||||
<div class="card-body p-6">
|
||||
<div class="card-title">Create new account</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label class="form-label">Name</label>
|
||||
<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>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div class="form-footer">
|
||||
<button type="submit" class="btn btn-primary btn-block">Create new account</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
<div class="text-center text-muted">
|
||||
</form>
|
||||
<div class="text-center text-muted">
|
||||
Already have account? <a href="./login.html">Sign in</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</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>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>Store components - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>Store components - tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link active"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item active">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,34 +177,20 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
<i class=" page-title-icon"></i>
|
||||
|
||||
Store components
|
||||
</h1>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="row row-cards">
|
||||
<div class="col-lg-3">
|
||||
<div class="row">
|
||||
<div class="col-md-6 col-lg-12">
|
||||
|
||||
<div class="card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-4 text-center">
|
||||
<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 class="col-md-6 col-lg-12">
|
||||
|
||||
<div class="card">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<div class="mb-4 text-center">
|
||||
<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 class="col-lg-9">
|
||||
<div class="card">
|
||||
<table class="table card-table table-vcenter">
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/apple-iphone7-special.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Apple iPhone 7 Plus 256GB Red Special Edition
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">37 offers</td>
|
||||
@@ -381,16 +247,11 @@
|
||||
<strong>$499</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/apple-macbook-pro.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Apple MacBook Pro i7 3,1GHz/16/512/Radeon 560 Space Gray
|
||||
|
||||
|
||||
|
||||
<div class="badge badge-default badge-md">New</div>
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 offers</td>
|
||||
@@ -398,14 +259,10 @@
|
||||
<strong>$1499</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/apple-iphone7.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Apple iPhone 7 32GB Jet Black
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">30 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">40 offers</td>
|
||||
@@ -413,16 +270,11 @@
|
||||
<strong>$499</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/gopro-hero.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
GoPro HERO6 Black
|
||||
|
||||
|
||||
|
||||
<div class="badge badge-default badge-md">New</div>
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">11 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">20 offers</td>
|
||||
@@ -430,14 +282,10 @@
|
||||
<strong>$599</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/msi.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
MSI GV62 i5-7300HQ/8GB/1TB/Win10X GTX1050
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">8 offers</td>
|
||||
@@ -445,16 +293,11 @@
|
||||
<strong>$1599</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/xiaomi-mi.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Xiaomi Mi A1 64GB Black
|
||||
|
||||
|
||||
|
||||
<div class="badge badge-default badge-md">New</div>
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">21 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">12 offers</td>
|
||||
@@ -462,14 +305,10 @@
|
||||
<strong>$269</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/huawei-mate.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Huawei Mate 10 Pro Dual SIM Gray
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">41 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">31 offers</td>
|
||||
@@ -477,16 +316,11 @@
|
||||
<strong>$999</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/sony-kd.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Sony KD-49XE7005
|
||||
|
||||
|
||||
|
||||
<div class="badge badge-default badge-md">New</div>
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">46 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">45 offers</td>
|
||||
@@ -494,14 +328,10 @@
|
||||
<strong>$799</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<td><img src="assets/images/products/samsung-galaxy.jpg" alt="" class="h-8"></td>
|
||||
<td>
|
||||
Samsung Galaxy A5 A520F 2017 LTE Black Sky
|
||||
|
||||
|
||||
|
||||
</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">36 reviews</td>
|
||||
<td class="text-right text-muted d-none d-md-table-cell text-nowrap">44 offers</td>
|
||||
@@ -509,16 +339,14 @@
|
||||
<strong>$399</strong>
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -554,9 +382,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -577,12 +404,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
213
dist/users-list.html
vendored
213
dist/users-list.html
vendored
@@ -1,25 +1,19 @@
|
||||
<!doctype html>
|
||||
|
||||
<html lang="en">
|
||||
<head>
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
|
||||
|
||||
|
||||
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
||||
<meta http-equiv="Content-Language" content="en" />
|
||||
<meta name="msapplication-TileColor" content="#2d89ef">
|
||||
<meta name="theme-color" content="#4188c9">
|
||||
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="HandheldFriendly" content="True">
|
||||
<meta name="MobileOptimized" content="320">
|
||||
<!-- Generated: 2018-02-26 16:23:17 +0100 -->
|
||||
<title>tabler.github.io - a responsive, flat and full featured admin template</title>
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext">
|
||||
<script src="./assets/js/require.min.js"></script>
|
||||
@@ -28,33 +22,22 @@
|
||||
baseUrl: '.'
|
||||
});
|
||||
</script>
|
||||
|
||||
<!-- Dashboard Core -->
|
||||
<link href="./assets/css/dashboard.css" rel="stylesheet" />
|
||||
<script src="./assets/js/dashboard.js"></script>
|
||||
|
||||
|
||||
<!-- c3.js Charts Plugin -->
|
||||
<link href="./assets/plugins/charts-c3/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/charts-c3/plugin.js"></script>
|
||||
|
||||
<!-- Google Maps Plugin -->
|
||||
<link href="./assets/plugins/maps-google/plugin.css" rel="stylesheet" />
|
||||
<script src="./assets/plugins/maps-google/plugin.js"></script>
|
||||
|
||||
<!-- Input Mask Plugin -->
|
||||
|
||||
<script src="./assets/plugins/input-mask/plugin.js"></script>
|
||||
|
||||
</head>
|
||||
<body class="">
|
||||
|
||||
<div class="page">
|
||||
|
||||
|
||||
<div class="page-main">
|
||||
|
||||
<div class="header">
|
||||
</head>
|
||||
<body class="">
|
||||
<div class="page">
|
||||
<div class="page-main">
|
||||
<div class="header">
|
||||
<div class="container">
|
||||
<div class="navbar p-0">
|
||||
<a class="navbar-brand" href="./index.html">
|
||||
@@ -132,156 +115,58 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
</div>
|
||||
<div class="header-nav d-none d-lg-flex">
|
||||
<div class="container">
|
||||
<div class="row align-items-center">
|
||||
<div class="col">
|
||||
<ul class="nav nav-tabs">
|
||||
|
||||
|
||||
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./index.html" class="nav-link"><i class="fe fe-home"></i> Home</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-box"></i> Interface</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./cards.html" class="nav-item ">Cards design</a>
|
||||
|
||||
|
||||
|
||||
<a href="./charts.html" class="nav-item ">Charts</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-calendar"></i> Components</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./maps.html" class="nav-item ">Maps</a>
|
||||
|
||||
|
||||
|
||||
<a href="./icons.html" class="nav-item ">Icons</a>
|
||||
|
||||
|
||||
|
||||
<a href="./store.html" class="nav-item ">Store</a>
|
||||
|
||||
|
||||
|
||||
<a href="./blog.html" class="nav-item ">Blog</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="javascript:void(0)" class="nav-link"><i class="fe fe-file"></i> Pages</a>
|
||||
|
||||
|
||||
<div class="nav-submenu nav">
|
||||
|
||||
|
||||
|
||||
<a href="./profile.html" class="nav-item ">Profile</a>
|
||||
|
||||
|
||||
|
||||
<a href="./login.html" class="nav-item ">Login</a>
|
||||
|
||||
|
||||
|
||||
<a href="./register.html" class="nav-item ">Register</a>
|
||||
|
||||
|
||||
|
||||
<a href="./forgot-password.html" class="nav-item ">Forgot password</a>
|
||||
|
||||
|
||||
|
||||
<a href="./400.html" class="nav-item ">400 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./104.html" class="nav-item ">401 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./403.html" class="nav-item ">403 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./404.html" class="nav-item ">404 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./500.html" class="nav-item ">500 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./503.html" class="nav-item ">503 error</a>
|
||||
|
||||
|
||||
|
||||
<a href="./empty.html" class="nav-item ">Empty page</a>
|
||||
|
||||
</div>
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./form-elements.html" class="nav-link"><i class="fe fe-check-square"></i> Forms</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./gallery.html" class="nav-link"><i class="fe fe-image"></i> Gallery</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
<li class="nav-item">
|
||||
|
||||
|
||||
<a href="./docs/index.html" class="nav-link"><i class="fe fe-file-text"></i> Documentation</a>
|
||||
|
||||
|
||||
</li>
|
||||
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="col-3 ml-auto">
|
||||
<form class="input-icon">
|
||||
<input type="search" class="form-control header-search" placeholder="Search…" tabindex="1">
|
||||
@@ -292,12 +177,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</div>
|
||||
<div class="page-content">
|
||||
|
||||
|
||||
<div class="container">
|
||||
<div class="page-header">
|
||||
<h1 class="page-title">
|
||||
@@ -311,7 +192,6 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row row-cards">
|
||||
<div class="col-lg-4">
|
||||
<form class="card">
|
||||
@@ -335,7 +215,6 @@
|
||||
<input type="radio" name="value" value="m" class="selectgroup-input">
|
||||
<span class="selectgroup-button">M</span>
|
||||
</label>
|
||||
|
||||
<label class="selectgroup-item">
|
||||
<input type="radio" name="value" value="l" class="selectgroup-input">
|
||||
<span class="selectgroup-button">L</span>
|
||||
@@ -353,7 +232,6 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card-footer text-right">
|
||||
<button type="submit" class="btn btn-primary">Search</button>
|
||||
</div>
|
||||
@@ -369,7 +247,6 @@
|
||||
<th class="d-none d-sm-table-cell">Date</th>
|
||||
<th class="d-none d-md-table-cell">Amount</th>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1809.22</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1841.80</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1355.49</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$735.05</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$636.07</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1043.15</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1708.05</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1876.76</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1550.41</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$861.81</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$618.90</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$866.60</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1555.93</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1877.27</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1704.06</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1037.04</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$635.01</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$738.23</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1361.99</td>
|
||||
</tr>
|
||||
|
||||
<tr>
|
||||
<th>
|
||||
<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-md-table-cell">$1843.48</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
</div>
|
||||
|
||||
<ul class="pagination">
|
||||
<li class="page-item disabled">
|
||||
<a class="page-link" href="#" tabindex="-1">Previous</a>
|
||||
@@ -645,14 +501,13 @@
|
||||
<li class="page-item">
|
||||
<a class="page-link" href="#">Next</a>
|
||||
</li>
|
||||
</ul>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer">
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
@@ -688,9 +543,8 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<footer class="footer">
|
||||
</div>
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="row align-items-center flex-row-reverse">
|
||||
<div class="col-auto ml-auto">
|
||||
@@ -711,12 +565,7 @@
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -21,7 +21,8 @@
|
||||
"jekyll-serve": "jekyll serve --livereload",
|
||||
"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",
|
||||
"serve": "gulp build && npm-run-all --parallel gulp-watch jekyll-serve"
|
||||
},
|
||||
|
||||
Reference in New Issue
Block a user