1
0
mirror of https://github.com/tabler/tabler.git synced 2025-12-24 10:48:14 +04:00
Files
tabler/demo/400.html
2020-01-10 23:08:18 +01:00

134 lines
5.4 KiB
HTML

<!doctype html>
<!--
* Tabler - Premium and Open Source dashboard template with responsive and high quality UI.
* @version v1.0.0-alpha
* @link https://github.com/tabler/tabler
* Copyright 2018-2019 The Tabler Authors
* Copyright 2018-2019 codecalm.net Paweł Kuna
* Licensed under MIT (https://tabler.io/license)
-->
<html lang="en">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover"/>
<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
<meta http-equiv="Content-Language" content="en"/>
<meta name="msapplication-TileColor" content="#206bc4"/>
<meta name="theme-color" content="#206bc4"/>
<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"/>
<meta name="robots" content="noindex,nofollow,noarchive"/>
<link rel="icon" href="./favicon.ico" type="image/x-icon"/>
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon"/>
<title>Page 400 - Tabler - Premium and Open Source dashboard template with responsive and high quality UI.</title>
<!-- Libs CSS -->
<link href="./dist/libs/jqvmap/dist/jqvmap.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/libs/selectize/dist/css/selectize.css?1578694044" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/core/main.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/daygrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/timegrid/main.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/libs/fullcalendar/list/main.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/libs/daterangepicker/daterangepicker.css?1578694044" rel="stylesheet"/>
<!-- Tabler Core -->
<link href="./dist/css/tabler.min.css?1578694044" rel="stylesheet"/>
<!-- Tabler Plugins -->
<link href="./dist/css/tabler-flags.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/css/tabler-payments.min.css?1578694044" rel="stylesheet"/>
<link href="./dist/css/tabler-buttons.min.css?1578694044" rel="stylesheet"/>
</head>
<body class="antialiased border-top-wide border-primary">
<div class="d-flex align-items-center justify-content-center min-vh-100">
<div class="empty">
<div class="empty-icon">
<div class="display-4">400</div>
</div>
<p class="empty-title h3">Oops&hellip; You just found an error page</p>
<p class="empty-subtitle text-muted">
We are sorry but your request contains bad syntax and cannot be fulfilled
</p>
<div class="empty-action">
<a href="./index.html" class="btn btn-primary">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg>
Take me home
</a>
</div>
</div>
</div>
<!-- Libs JS -->
<script src="./dist/libs/jquery/dist/jquery.slim.min.js?1578694044"></script>
<script src="./dist/libs/bootstrap/dist/js/bootstrap.bundle.min.js?1578694044"></script>
<script src="./dist/libs/autosize/dist/autosize.min.js?1578694044"></script>
<script src="./dist/libs/imask/dist/imask.min.js?1578694044"></script>
<script src="./dist/libs/apexcharts/dist/apexcharts.min.js?1578694044"></script>
<!-- Tabler Core -->
<script src="./dist/js/tabler.min.js?1578694044"></script>
<script>
// @formatter:off
document.addEventListener("DOMContentLoaded", function () {
window.ApexCharts && (new ApexCharts(document.getElementById('chart-revenue-bg'), {
chart: {
type: "area",
fontFamily: 'inherit',
height: 40.0,
sparkline: {
enabled: true
},
animations: {
enabled: false
},
},
fill: {
opacity: .16,
type: 'solid'
},
stroke: {
width: 2,
lineCap: "round",
curve: "smooth",
},
series: [{
name: "Profits",
data: [37, 35, 44, 28, 36, 24, 65, 31, 37, 39, 62, 51, 35, 41, 35, 27, 93, 53, 61, 27, 54, 43, 19, 46, 39, 62, 51, 35, 41, 67]
}],
xaxis: {
type: 'datetime',
},
labels: [...Array(30).keys()].map(n => '2019-09-' + (n + 1)),
colors: ["#206bc4"],
legend: {
show: false,
},
})).render();
});
// @formatter:on
</script>
<script>
if (window.autosize) {
(function () {
const elements = document.querySelectorAll('[data-toggle="autosize"]');
if (elements.length) {
elements.forEach(function (element) {
autosize(element);
});
}
})();
}
</script>
<script>
(function () {
const $elem = $('[data-mask]');
if ($elem) {
$elem.each(function () {
IMask($(this).get(0), {
mask: $(this).attr('data-mask'),
lazy: $(this).attr('data-mask-visible') === 'true',
});
});
}
})();
</script>
</body>
</html>