itztani
diff --git a/‎projects/Navbar-project/index.html
-34 b/‎projects/Navbar-project/index.html
-34
diff --git a/‎projects/navbar/index.html
+38 b/‎projects/navbar/index.html
+38
diff --git a/‎projects/Navbar-project/index.js renamed to ‎projects/navbar/index.js b/‎projects/Navbar-project/index.js renamed to ‎projects/navbar/index.js
diff --git a/‎projects/Navbar-project/logo.svg renamed to ‎projects/navbar/logo.svg b/‎projects/Navbar-project/logo.svg renamed to ‎projects/navbar/logo.svg
diff --git a/‎projects/Navbar-project/styles.css renamed to ‎projects/navbar/styles.css b/‎projects/Navbar-project/styles.css renamed to ‎projects/navbar/styles.css
diff --git a/‎projects/Sidebar-project/index.html renamed to ‎projects/sidebar/index.html b/‎projects/Sidebar-project/index.html renamed to ‎projects/sidebar/index.html
diff --git a/‎projects/Sidebar-project/index.js renamed to ‎projects/sidebar/index.js b/‎projects/Sidebar-project/index.js renamed to ‎projects/sidebar/index.js
diff --git a/‎projects/Sidebar-project/logo.svg renamed to ‎projects/sidebar/logo.svg b/‎projects/Sidebar-project/logo.svg renamed to ‎projects/sidebar/logo.svg
diff --git a/‎projects/Sidebar-project/styles.css renamed to ‎projects/sidebar/styles.css b/‎projects/Sidebar-project/styles.css renamed to ‎projects/sidebar/styles.css
@@ -0,0 +1,38 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Navbar project</title>
+    <link
+      rel="stylesheet"
+      href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css"
+      integrity="sha512-iBBXm8fW90+nuLcSKlbmrPcLa0OT92xO1BIsZ+ywDWZCvqsWgccV3gFoRBv0z+8dLJgyAHIhR35VZc2oM/gI1w=="
+      crossorigin="anonymous"
+    />
+    <link rel="stylesheet" href="styles.css" />
+  </head>
+  <body>
+    <nav>
+      <div class="nav-main">
+        <div class="nav-header">
+          <img src="./logo.svg" alt="logo" />
+          <i class="fa fa-bars" aria-hidden="true"></i>
+        </div>
+        <ul class="menu">
+          <li>
+            <a href="#">Home</a>
+          </li>
+          <li>
+            <a href="#">About</a>
+          </li>
+          <li>
+            <a href="#">Contact</a>
+          </li>
+        </ul>
+      </div>
+    </nav>
+    <script src="index.js"></script>
+  </body>
+</html>