Refactor : add image instead of SVG

MDJAmin · MDJAmin · commit 993c8eb8f0f9 · 2024-09-02T17:31:51.000-05:00
diff --git a/index.html b/index.html
@@ -1,15 +1,15 @@
 <!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">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel="stylesheet" href="css/style.css" />
     <title>Responsive Navbar</title>
-</head>
-<body>
+  </head>
+  <body>
     <nav>
         <ul class="sidebar">
-            <li><a href="#" onclick=hideSidebar()><svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 96 960 960" width="26"><path d="m249 849-42-42 231-231-231-231 42-42 231 231 231-231 42 42-231 231 231 231-42 42-231-231-231 231Z"/></svg></a></li>
+            <li><a href="#" onclick=hideSidebar()><img src="assets/close_FILL0_wght400_GRAD0_opsz48.svg" alt="Close-icon"></a></li>
             <li><a href="#">Blog</a></li>
             <li><a href="#">Products</a></li>
             <li><a href="#">About</a></li>
@@ -23,8 +23,8 @@
             <li class="hideOnMobile"><a href="#">About</a></li>
             <li class="hideOnMobile"><a href="#">Forum</a></li>
             <li class="hideOnMobile"><a href="#">Login</a></li>
-            <li class="menu-button" onclick=showSidebar()><a href="#"><svg xmlns="http://www.w3.org/2000/svg" height="26" viewBox="0 96 960 960" width="26"><path d="M120 816v-60h720v60H120Zm0-210v-60h720v60H120Zm0-210v-60h720v60H120Z"/></svg></a></li>
-        </ul>
+            <li class="menu-button" onclick=showSidebar()><a href="#"><img src="assets/menu_FILL0_wght400_GRAD0_opsz48.svg" alt="Menu-icon"></a></li>
+        </ul> 
     </nav>
     <main>
         <img class="Hero-bg" src="assets/laptop.jpg" alt="Hero-img">
@@ -40,4 +40,4 @@
     }
     </script>
 </body>
-</html>
+</html>
