Update index.html

Author: Immaculatedcoder

index.html

@@ -13,12 +13,15 @@
             <div class="container">
                 <nav>
                     <img src="Images/logo.jpg" class="logo">
-                    <ul>
+                    <ul id="sidemenu">
                         <li><a href="#">Home</a></li>
                         <li><a href="#">About</a></li>
                         <li><a href="#">Projects</a></li>
                         <li><a href="#">Contact</a></li>
+                        <i class="fas fa-square-xmark" onclick="closemenu()"></i>
                     </ul>
+                    <i class="fas fa-bars" onclick="openmenu()"></i>
+
                 </nav>
                 <div class="header-text">
                     <h1>Hi, <br> I'm <span >Emmanuel</span></h1>
@@ -212,6 +215,18 @@ <h1 class="sub-title">Contact Me</h1>
                 document.getElementById(tabname).classList.add("active-tab")
             }
         </script>
+
+        <script>
+            var sidemenu = document.getElementById("sidemenu");
+
+            function openmenu(){
+                sidemenu.style.right = "0"
+            }
+
+            function closemenu(){
+                sidemenu.style.right = "-200px"
+            }
+        </script>
 
     </body>
 </html>