smig/odin-codespace
1
0
Fork 0
mirror of https://gitea.smigz.com/smiggiddy/odin-codeprojects.git synced 2025-06-28 12:55:36 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: base html/css

Browse source
This commit is contained in:
Smigz 2023-11-12 19:19:13 -05:00
parent b96438787d
commit c67a8d62ce
3 changed files with 58 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
admin-dashboard/css/style.css Normal file
View file

@ -0,0 +1,23 @@
* {
margin: 0;
padding: 0;
}
.container {
display: grid;
grid-template-columns: 1fr 5fr;
}
.navbar h1,ul {
grid-column: 1 / 2;
}
.topbar {
grid-row: 1 / 2;
grid-column: 1 / 3;
}
.content {
grid-column: 2 / 3;
}

35
admin-dashboard/index.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="css/style.css">
<title>Admin Dashboard</title>
</head>
<body>
<div class="container">
<div class="sidebar">
<nav class="navbar">
<h1 class="nav-header">Dashboard</h1>
<ul>
<li>Home</li>
<li>Profile</li>
<li>Messages</li>
<li>History</li>
<li>Tasks</li>
<li>Settings</li>
<li>Support</li>
<li>Privacy</li>
</ul>
</nav>
</div>
<div class="topbar">
</div>
<div class="content">
</div>
</div>
<script src="js/script.js"></script>
</body>
</html>

0
admin-dashboard/js/script.js Normal file
View file