84 lines
3.2 KiB
Plaintext
84 lines
3.2 KiB
Plaintext
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>@ViewData["Title"] - administration</title>
|
|
<link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" />
|
|
<link rel="stylesheet" href="~/css/site.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="~/administration.styles.css" asp-append-version="true" />
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
|
|
</head>
|
|
<body>
|
|
|
|
<!-- #region Sidebar -->
|
|
<div class="wrapper">
|
|
<!-- Main Content -->
|
|
<div class="main-content">
|
|
<h1 class="mb-4">Main Content Area</h1>
|
|
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
|
|
<!-- Add more content here -->
|
|
</div>
|
|
|
|
<!-- Toggle Button -->
|
|
<button class="btn btn-light toggle-btn shadow-sm" onclick="toggleSidebar()">
|
|
<i class="bi bi-list fs-5"></i>
|
|
</button>
|
|
|
|
<!-- Sidebar -->
|
|
<div class="sidebar" id="sidebar">
|
|
<div class="sidebar-header p-3">
|
|
<div class="d-flex align-items-center justify-content-between">
|
|
<h5 class="mb-0">Dashboard</h5>
|
|
<div class="d-flex gap-2">
|
|
<button class="btn btn-sm btn-light">
|
|
<i class="bi bi-gear"></i>
|
|
</button>
|
|
<button class="btn btn-sm btn-light">
|
|
<i class="bi bi-bell"></i>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- User Profile -->
|
|
<div class="p-3 border-bottom">
|
|
<div class="d-flex align-items-center">
|
|
<img src="https://via.placeholder.com/40" class="rounded-circle me-2" alt="User">
|
|
<div>
|
|
<h6 class="mb-0">John Doe</h6>
|
|
<small class="text-muted">
|
|
<span class="user-status"></span>
|
|
Online
|
|
</small>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Navigation -->
|
|
<nav class="nav flex-column mt-2">
|
|
<a href="#" class="nav-link active">
|
|
<i class="bi bi-house me-2"></i>
|
|
Dashboard
|
|
</a>
|
|
<a href="#" class="nav-link">
|
|
<i class="bi bi-person me-2"></i>
|
|
Profile
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
<!-- #endregion Sidebar -->
|
|
|
|
<div class="container">
|
|
<main role="main" class="pb-3">
|
|
@RenderBody()
|
|
</main>
|
|
</div>
|
|
<script src="~/lib/jquery/dist/jquery.min.js"></script>
|
|
<script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>
|
|
<script src="~/js/site.js" asp-append-version="true"></script>
|
|
@await RenderSectionAsync("Scripts", required: false)
|
|
</body>
|
|
</html>
|