Hello World!

Author: ProgrammerGaurav

index.html

@@ -36,11 +36,11 @@ <h1>Programmer Gaurav</h1>
 				</div>
 				<nav>
 					<ul>
-						<li><a href="#">Home</a></li>
-						<li><a href="#work">Work</a></li>
-						<li><a href="#skills">Skills</a></li>
-						<li><a href="#about">About</a></li>
-						<li><a href="#contact">Contact</a></li>
+						<li class="navopt"><a href="#">Home</a></li>
+						<li class="navopt"><a href="#work">Work</a></li>
+						<li class="navopt"><a href="#skills">Skills</a></li>
+						<li class="navopt"><a href="#about">About</a></li>
+						<li class="navopt"><a href="#footer">Contact</a></li>
 					</ul>
 				</nav>
 				<div class="toggle">
@@ -141,7 +141,7 @@ <h2>Certifications</h2>
 		</div>
 		<!-- My Achivements Ends -->
 		<!-- Footer Start -->
-		<div class="footer text-center p-5">
+		<div id="footer" class="footer text-center p-5">
 			<h3 class="text-light">Programmer Gaurav</h3>
 			<a target="blank" href="https://www.facebook.com/profile.php?id=100026746380141"><i class="fan fab fa-facebook-f"></i></a>
 			<a target="blank" href="https://www.instagram.com/programmergaurav/" ><i class="fab fan fa-instagram"></i></a>

js/script.js

@@ -66,6 +66,9 @@ $(document).ready(function() {
     $('.toggle').click(function() {
         $('nav').toggleClass('menu')
     });
+     $('.navopt').click(function() {
+        $('nav').toggleClass('menu')
+    });
 });
 var typed = new Typed("#typed", {
     stringsElement: '#typed-strings',