61 lines
2.2 KiB
HTML
61 lines
2.2 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
<link rel="preconnect" href="https://fonts.bunny.net">
|
|
<link href="https://fonts.bunny.net/css?family=figtree:400,500,600&display=swap" rel="stylesheet" />
|
|
<link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
|
|
<link href="https://cdn.jsdelivr.net/npm/remixicon@3.5.0/fonts/remixicon.css" rel="stylesheet">
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<title>Admin Panel</title>
|
|
|
|
<!-- Include the stylesheets -->
|
|
<link rel="stylesheet" href="styles/main.css">
|
|
</head>
|
|
<body class="text-gray-800 font-inter">
|
|
<!-- Include the sidebar component -->
|
|
<div id="sidebar-container"></div>
|
|
<script>
|
|
fetch('sidebar/sidebar.html')
|
|
.then(response => response.text())
|
|
.then(html => {
|
|
document.getElementById('sidebar-container').innerHTML = html;
|
|
});
|
|
</script>
|
|
|
|
<main class="w-full md:w-[calc(100%-256px)] md:ml-64 bg-gray-200 min-h-screen transition-all main">
|
|
<!-- Include the navbar component -->
|
|
<div id="navbar-container"></div>
|
|
<script>
|
|
fetch('navbar/navbar.html')
|
|
.then(response => response.text())
|
|
.then(html => {
|
|
document.getElementById('navbar-container').innerHTML = html;
|
|
});
|
|
</script>
|
|
|
|
<!-- Include the content component -->
|
|
<div id="content-container"></div>
|
|
<script>
|
|
fetch('content/content.html')
|
|
.then(response => response.text())
|
|
.then(html => {
|
|
document.getElementById('content-container').innerHTML = html;
|
|
});
|
|
</script>
|
|
</main>
|
|
|
|
<script src="https://unpkg.com/@popperjs/core@2"></script>
|
|
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
|
|
|
|
<!-- Include the JavaScript files -->
|
|
<script src="scripts/sidebar.js"></script>
|
|
<script src="scripts/popper.js"></script>
|
|
<script src="scripts/tabs.js"></script>
|
|
</body>
|
|
</html>
|