diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0a8e264..8b5c6b7 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,5 +2,5 @@ import NavBar from "@/components/NavBar";
 import Image from "next/image";
 
 export default function Home() {
-  return <div className="w-screen min-h-screen"> <p>"EEEEEEEEEEEEE"</p> </div>;
+  return <div className="w-screen min-h-screen"> <p>EEEEEEEEEEEEE</p> </div>;
 }
diff --git a/src/app/resources/page.tsx b/src/app/resources/page.tsx
new file mode 100644
index 0000000..34e23ed
--- /dev/null
+++ b/src/app/resources/page.tsx
@@ -0,0 +1,21 @@
+
+export default function Resource() {
+  return (
+    // <main className="flex min-h-screen flex-col items-center justify-between p-24">
+        <aside id="default-sidebar" className="absolute left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0 " aria-label="Sidebar">
+            <div className="h-full px-3 py-4 overflow-y-auto bg-gray-50 dark:bg-gray-800">
+            <ul className="space-y-2 font-medium">
+                <li>
+                    <a href="#" className="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group">
+                        <span className="ms-3 ">Exams</span>
+                    </a>
+                </li>
+                <li>
+                    more stuff
+                </li>
+            </ul>
+            </div>
+        </aside>
+    // </main>
+  );
+}
diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
new file mode 100644
index 0000000..c63515b
--- /dev/null
+++ b/src/components/Sidebar.tsx
@@ -0,0 +1,18 @@
+export default function Sidebar() {
+    return (
+        <aside id="default-sidebar" className="absolute left-0 z-40 w-64 h-screen transition-transform -translate-x-full sm:translate-x-0" aria-label="Sidebar">
+        <div className="h-full px-3 py-4 overflow-y-auto bg-gray-50 dark:bg-gray-800">
+        <ul className="space-y-2 font-medium">
+            <li>
+                <a href="#" className="flex items-center p-2 text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700 group">
+                    <span className="ms-3">Exams</span>
+                </a>
+            </li>
+            <li>
+                more stuff
+            </li>
+        </ul>
+        </div>
+        </aside>
+    );
+}
\ No newline at end of file