diff --git a/admin panel b/admin panel
new file mode 100644
index 0000000..7d8fecb
--- /dev/null
+++ b/admin panel	
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Admin Panel</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+    <div class="sidebar">
+        <h2>Admin Panel</h2>
+        <ul>
+            <li><a href="#dashboard">Dashboard</a></li>
+            <li><a href="#users">Manage Users</a></li>
+            <li><a href="#settings">Settings</a></li>
+            <li><a href="#logout">Logout</a></li>
+        </ul>
+    </div>
+    <div class="main-content">
+        <h1>Dashboard</h1>
+        <p>Welcome to the admin panel!</p>
+        <!-- Add your dashboard content here -->
+    </div>
+    <script src="script.js"></script>
+</body>
+</html>
diff --git a/script.js b/script.js
new file mode 100644
index 0000000..a75d80a
--- /dev/null
+++ b/script.js
@@ -0,0 +1,9 @@
+// Example: Adding interactivity
+document.querySelectorAll('.sidebar a').forEach(link => {
+    link.addEventListener('click', function(e) {
+        e.preventDefault();
+        const section = this.getAttribute('href').substring(1);
+        document.querySelector('.main-content h1').textContent = section.charAt(0).toUpperCase() + section.slice(1);
+        document.querySelector('.main-content p').textContent = `You are viewing the ${section} section.`;
+    });
+});
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..edbce79
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,36 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    display: flex;
+}
+
+.sidebar {
+    width: 200px;
+    background-color: #333;
+    color: white;
+    padding: 20px;
+}
+
+.sidebar h2 {
+    text-align: center;
+}
+
+.sidebar ul {
+    list-style-type: none;
+    padding: 0;
+}
+
+.sidebar ul li {
+    margin: 10px 0;
+}
+
+.sidebar ul li a {
+    color: white;
+    text-decoration: none;
+}
+
+.main-content {
+    flex: 1;
+    padding: 20px;
+}
