Created Navbar for the editor

Signed-off-by: rodude123 <rodude123@gmail.com>
2022-09-16 16:49:58 +01:00
parent 4428d5b6aa
commit cb1b77c6dc
10 changed files with 124 additions and 13 deletions
@@ -3,10 +3,24 @@
 <head>
    <meta charset="UTF-8">
    <title>Editor</title>
+    <link rel="stylesheet" href="css/main.css">
 </head>
 <body>
-    <h1>Editor</h1>
-
+    <nav class="sideNav">
+        <a href="#" class="closeBtn" id="navClose">&times;</a>
+        <ul>
+            <li><a href="#" class="active"><span>&lt;</span>CV<span>&gt;</span></a></li>
+            <li><a href="#"><span>&lt;</span>Projects<span>&gt;</span></a></li>
+            <li><a href="#"><span>&lt;</span>Settings<span>&gt;</span></a></li>
+        </ul>
+    </nav>
+    <main class="editor" style="margin-left: 250px;">
+        <div class="title">
+            <span id="navOpen">&#9776;</span>
+            <h1>Editor</h1>
+        </div>
+    </main>
+    
    <script src="js/editor.js"></script>
 </body>
 </html>