Toggle navigation
☰
Home
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Admin Dashboard - AppName</title> <!-- <link rel="icon" href="favicon.ico" type="image/x-icon"> --> <link rel="stylesheet" href="style.css"> </head> <body class="dashboard-layout"> <aside class="sidebar"> <div class="sidebar-header"> <h2>AppName</h2> </div> <nav class="sidebar-nav"> <ul> <li><a href="/dashboard" class="active">Dashboard</a></li> <li><a href="/users">Users</a></li> <li><a href="/products">Products</a></li> <li><a href="/settings">Settings</a></li> <li><a href="/logout">Logout</a></li> </ul> </nav> </aside> <div class="main-wrapper"> <header class="top-bar"> <div class="user-profile"> <span>Welcome, AdminUser!</span> <!-- Add profile pic/dropdown here --> </div> </header> <main class="content-area"> <div class="container-fluid"> <!-- Use container-fluid for full-width content --> <h1>Dashboard Overview</h1> <p>This is where your main dashboard content will go. Charts, stats, tables, etc.</p> <!-- Example content block --> <section class="data-widget"> <h2>Recent Activity</h2> <p>No recent activity to display.</p> </section> </div> </main> <footer class="dashboard-footer"> <p>© <span id="currentYear"></span> AppName. All rights reserved.</p> </footer> </div> <script> document.getElementById('currentYear').textContent = new Date().getFullYear(); </script> <!-- <script src="script.js"></script> --> </body> </html>
