mirror of
https://github.com/LeRoid-hub/Bookholder-WEB.git
synced 2025-01-31 03:14:57 +00:00
42 lines
1.7 KiB
HTML
42 lines
1.7 KiB
HTML
|
<!DOCTYPE html>
|
||
|
|
<html>
|
||
|
|
|
||
|
|
<head>
|
||
|
|
<title>Bookholder</title>
|
||
|
|
<link rel="stylesheet" type="text/css" href="assets/css/master.css">
|
||
|
|
<script src="assets/scripts/dashboard.js" defer></script>
|
||
|
|
</head>
|
||
|
|
|
||
|
|
<body>
|
||
|
|
<div class="h-screen flex text-black">
|
||
|
|
<!-- Left Navigation Bar -->
|
||
|
|
<div class="w-[15%] bg-gray-200">
|
||
|
|
<h1 class="text-2xl text-center p-4">Bookholder</h1>
|
||
|
|
<div class="flex flex-col text-black h-full justify-evenly bg-gray-100">
|
||
|
|
<a href="" class="nav-link p-4 hover:bg-gray-300 text-center" data-file="overview.html">Overview</a>
|
||
|
|
<a href="" class="nav-link p-4 hover:bg-gray-300 text-center" data-file="entry.html">Entry</a>
|
||
|
|
<a href="" class="nav-link p-4 hover:bg-gray-300 text-center" data-file="accounts.html">Accounts</a>
|
||
|
|
<a href="" class="logout-button p-4 hover:bg-gray-300 text-center text-red-500">Logout</a>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Right Content Area -->
|
||
|
|
<div class="flex-1 flex flex-col bg-gray-100">
|
||
|
|
<!-- Tab Header -->
|
||
|
|
<div id="tab-header" class="flex bg-white border-b border-gray-300">
|
||
|
|
<div class="flex items-center space-x-2 placeholder-tab">
|
||
|
|
<!-- <span class="py-2 px-4 text-center">Placeholder</span> -->
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- Tab Content Area -->
|
||
|
|
<div id="tab-content" class="flex-1 bg-white p-4 overflow-auto">
|
||
|
|
<p class="placeholder-content">This is the placeholder content. Click a link from the navbar to replace
|
||
|
|
this content.</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</body>
|
||
|
|
|
||
|
|
</html>
|