diff --git a/Game-Rythm-main/README.md b/Game-Rythm-main/README.md
deleted file mode 100644
index 52794c1..0000000
--- a/Game-Rythm-main/README.md
+++ /dev/null
@@ -1,2 +0,0 @@
-# rythm
-hii i made a cool drum beat website...come and play
diff --git a/Game-Rythm-main/background.jpg b/Game-Rythm-main/background.jpg
deleted file mode 100644
index a883857..0000000
Binary files a/Game-Rythm-main/background.jpg and /dev/null differ
diff --git a/Game-Rythm-main/crash.mp3 b/Game-Rythm-main/crash.mp3
deleted file mode 100644
index d568062..0000000
Binary files a/Game-Rythm-main/crash.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/crash.png b/Game-Rythm-main/crash.png
deleted file mode 100644
index a992fa0..0000000
Binary files a/Game-Rythm-main/crash.png and /dev/null differ
diff --git a/Game-Rythm-main/index.css b/Game-Rythm-main/index.css
deleted file mode 100644
index a85e153..0000000
--- a/Game-Rythm-main/index.css
+++ /dev/null
@@ -1,210 +0,0 @@
-@import url("https://fonts.googleapis.com/css2?family=Dancing+Script&family=Lobster&display=swap");
-@import url("https://fonts.googleapis.com/css2?family=Changa:wght@200&display=swap");
-
-* {
-  margin: 0;
-  padding: 0;
-}
-.background {
-  background-image: url("background.jpg");
-  background-size: cover;
-  background-position: center;
-  background-attachment: fixed;
-  background-repeat: no-repeat;
-  /* height: 100vh; */
-  /* opacity: 0.75; */
-}
-.max-width {
-  /* width: 50vw; */
-  margin: auto;
-}
-
-
-
-.navbar {
-  /* background-color: chartreuse; */
-  display: flex;
-  flex-direction: row;
-  justify-content: space-between;
-}
-.logo {
-  display: flex;
-  /* justify-content: center; */
-  align-items: center;
-  color: white;
-  font-family: "Dancing Script", cursive;
-  font-size: 50px;
-  text-shadow: 2px 20px 10px rgb(80, 73, 58), 20px 2px 20px rgb(0, 0, 0);
-}
-.navbar img {
-  width: 100px;
-  height: 100px;
-}
-.instructions {
-  /* background-color: violet; */
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  font-size: 20px;
-  font-weight: bold;
-  color: white;
-}
-.glass {
-  width: 80vw;
-  margin: auto;
-  min-height: 70vh;
-  /* border-radius: 30px; */
-  margin-top: 50px;
-  padding: 50px;
-  background-color: rgba(204, 193, 193, 0.171);
-  box-shadow: 1px 1px 10px black, 1px 1px 20px black, 1px 1px 30px black,
-    1px 1px 40px black;
-}
-
-.container {
-  margin: 20px 0px;
-
-  /* padding: 10px; */
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  flex-wrap: wrap;
-  /* background-color: aquamarine; */
-}
-.drum {
-  margin: 0px 10px;
-  /* background-color: rgb(255, 255, 255); */
-}
-.drum {
-  text-align: center;
-  font-size: 30px;
-  /* color: rgb(255, 166, 0); */
-  font-weight: bolder;
-  text-shadow: 2px 2px 10px black;
-  font-family: "Changa", sans-serif;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-}
-.drum span {
-  transition: 3s;
-  animation-name: colorchange;
-  animation-timing-function: ease-in-out;
-  animation-duration: 5s;
-  animation-iteration-count: infinite;
-}
-.drum img {
-  /* margin: 5px 0px; */
-  width: 6rem;
-  border-radius: 0px;
-  transition: 1s;
-  background-color: white;
-}
-.drum-notplay {
-  width: 6rem;
-  opacity: 0.35;
-}
-.drum-play {
-  width: 7rem;
-  opacity: 1;
-  box-shadow: 1px 1px 10px black, 1px 1px 20px black, 1px 1px 30px black,
-    1px 1px 40px black;
-}
-footer {
-  text-align: center;
-  color: white;
-  padding: 10px;
-}
-footer span {
-  color: red;
-  font-size: 20px;
-}
-hr {
-  background-color: orange;
-  height: 1px;
-}
-a {
-  color: rgb(214, 148, 24);
-  text-decoration: none;
-  /* font-size: 30px; */
-  transition: 3s;
-  animation-name: colorchange;
-  animation-timing-function: ease-in-out;
-  animation-duration: 5s;
-  animation-iteration-count: infinite;
-}
-a:hover {
-  color: orange;
-}
-i {
-  position: absolute;
-  margin: 10px;
-
-  font-size: 30px;
-  /* right: 20px; */
-  transition: 3s;
-  animation-name: colorchange;
-  animation-timing-function: ease-in-out;
-  animation-duration: 5s;
-  animation-iteration-count: infinite;
-}
-.bottominstructions {
-  display: none;
-
-}
-@keyframes colorchange {
-  0% {
-    color: rgb(255, 0, 76);
-  }
-  25% {
-    color: rgb(99, 196, 235);
-  }
-  50% {
-    color: rgb(108, 255, 152);
-  }
-  75% {
-    color: rgb(255, 238, 0);
-  }
-  100% {
-    color: rgb(255, 0, 76);
-  }
-}
-.btn {
-  margin: 20px;
-  display: none;
-}
-@media (max-width: 500px) {
-  .instructions {
-    /* position: absolute; */
-    /* bottom: 0; */
-    /* font-size: 10px; */
-    display: none;
-  }
-  .bottominstructions {
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    font-size: 20px;
-    font-weight: bold;
-    color: white;
-  }
-  .glass {
-    margin-top: 0px;
-    max-width: 60vw;
-  }
- 
-}
-.items{
-  margin: 20px;
-
-}
-.instruct{
-  /* margin-top: 20px; */
-}
-.list div{
-  font-size: 30px;
-  /* padding: 10px; */
-}
\ No newline at end of file
diff --git a/Game-Rythm-main/index.html b/Game-Rythm-main/index.html
deleted file mode 100644
index 7bc7bdc..0000000
--- a/Game-Rythm-main/index.html
+++ /dev/null
@@ -1,113 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- link font awsm -->
-    <script
-      src="https://kit.fontawesome.com/25e32ff654.js"
-      crossorigin="anonymous"
-    ></script>
-    <!-- linking css -->
-    <link rel="stylesheet" href="index.css" />
-    <!-- fav icon -->
-    <link rel="shortcut icon" href="logo.png" type="image/x-icon" />
-    <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>Rythm || Drum game</title>
-  </head>
-  <body class="background">
-    <div class="glass">
-      <!--  -->
-
-      <!--  -->
-      <nav class="navbar max-width">
-        <div class="logo"><img src="logo.png" alt="" /><span>Rythm</span></div>
-     
-        <div class="instructions">
-         
-          <span><a href="instruction.html">Instructions</a></span>
-        </div>
-      </nav>
-
-      <div class="max-width">
-        <hr />
-      </div>
-      <i class="fa fa-music"></i>
-      <div class="container max-width">
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="tom1"
-            src="tom1.png"
-            onclick="tom1()"
-          /><span>A</span>
-        </div>
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="tom2"
-            src="tom2.png"
-            onclick="tom2()"
-          /><span>D</span>
-        </div>
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="kick"
-            src="kick.png"
-            onclick="kick()"
-          /><span>W</span>
-        </div>
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="tom3"
-            src="tom3.png"
-            onclick="tom3()"
-          /><span>K</span>
-        </div>
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="tom4"
-            src="tom4.png"
-            onclick="tom4()"
-          /><span>L</span>
-        </div>
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="snare"
-            src="snare.png"
-            onclick="snare()"
-          /><span>Z</span>
-        </div>
-        <div class="drum">
-          <img
-            class="drum-notplay"
-            id="crash"
-            src="crash.png"
-            onclick="crash()"
-          /><span>B</span>
-        </div>
-      </div>
-
-      <div class="max-width">
-        <hr />
-      </div>
-
-      <footer>
-        Made with <span class="fas fa-heart"></span>
-        <br>
-        <br />By: <a href="https://pulkitgupta30.github.io/frontendtry1/">Pulkit Gupta</a>
-        <i class="fa fa-music"></i>
-      </footer>
-      
-   <div class="bottominstructions">
-  <br><br>
-    <a href="instruction.html">Instructions</a></div>
-    </div>
-
-    <script src="index.js"></script>
-  </body>
-</html>
diff --git a/Game-Rythm-main/index.js b/Game-Rythm-main/index.js
deleted file mode 100644
index 8494cbf..0000000
--- a/Game-Rythm-main/index.js
+++ /dev/null
@@ -1,139 +0,0 @@
-
-function tom1() {
-  var audio = new Audio("tom-1.mp3");
-  audio.play();
-  document.getElementById("tom1").classList.add("drum-play");
-  document.getElementById("tom2").classList.remove("drum-play");
-  document.getElementById("tom3").classList.remove("drum-play");
-  document.getElementById("tom4").classList.remove("drum-play");
-  document.getElementById("snare").classList.remove("drum-play");
-  document.getElementById("kick").classList.remove("drum-play");
-  document.getElementById("crash").classList.remove("drum-play");
- 
-  //   audio.setAttribute();
-  //   console.log(audio);
-}
-function tom2() {
-  var audio = new Audio("tom-2.mp3");
-  audio.play();
-  document.getElementById("tom1").classList.remove("drum-play");
-  document.getElementById("tom2").classList.add("drum-play");
-  document.getElementById("tom3").classList.remove("drum-play");
-  document.getElementById("tom4").classList.remove("drum-play");
-  document.getElementById("snare").classList.remove("drum-play");
-  document.getElementById("kick").classList.remove("drum-play");
-  document.getElementById("crash").classList.remove("drum-play");
-}
-function tom3() {
-  var audio = new Audio("tom-3.mp3");
-  audio.play();
-  document.getElementById("tom1").classList.remove("drum-play");
-  document.getElementById("tom2").classList.remove("drum-play");
-  document.getElementById("tom3").classList.add("drum-play");
-  document.getElementById("tom4").classList.remove("drum-play");
-  document.getElementById("snare").classList.remove("drum-play");
-  document.getElementById("kick").classList.remove("drum-play");
-  document.getElementById("crash").classList.remove("drum-play");
-}
-function tom4() {
-  var audio = new Audio("tom-4.mp3");
-  audio.play();
-  document.getElementById("tom1").classList.remove("drum-play");
-  document.getElementById("tom2").classList.remove("drum-play");
-
-  document.getElementById("tom3").classList.remove("drum-play");
-  document.getElementById("tom4").classList.add("drum-play");
-  document.getElementById("snare").classList.remove("drum-play");
-  document.getElementById("kick").classList.remove("drum-play");
-  document.getElementById("crash").classList.remove("drum-play");
-}
-function kick() {
-  var audio = new Audio("kick-bass.mp3");
-  audio.play();
-  document.getElementById("tom1").classList.remove("drum-play");
-  document.getElementById("tom2").classList.remove("drum-play");
-  document.getElementById("tom3").classList.remove("drum-play");
-  document.getElementById("tom4").classList.remove("drum-play");
-  document.getElementById("snare").classList.remove("drum-play");
-  document.getElementById("kick").classList.add("drum-play");
-  document.getElementById("crash").classList.remove("drum-play");
-}
-function snare() {
-  var audio = new Audio("snare.mp3");
-  audio.play();
-  document.getElementById("tom1").classList.remove("drum-play");
-  document.getElementById("tom2").classList.remove("drum-play");
-  document.getElementById("tom3").classList.remove("drum-play");
-  document.getElementById("tom4").classList.remove("drum-play");
-  document.getElementById("snare").classList.add("drum-play");
-  document.getElementById("kick").classList.remove("drum-play");
-  document.getElementById("crash").classList.remove("drum-play");
-}
-function crash() {
-  var audio = new Audio("crash.mp3");
-  audio.play();
-
-  document.getElementById("tom1").classList.remove("drum-play");
-  document.getElementById("tom2").classList.remove("drum-play");
-  document.getElementById("tom3").classList.remove("drum-play");
-  document.getElementById("tom4").classList.remove("drum-play");
-  document.getElementById("snare").classList.remove("drum-play");
-  document.getElementById("crash").classList.add("drum-play");
-  document.getElementById("kick").classList.remove("drum-play");
-}
-
-
-document.addEventListener("keypress", (event) => {
-  var w = document.querySelectorAll(".drum");
-  var l = w.length;
-  for (var i = 0; i < l; i++) {
-    sound(event.key);
-  }
-});
-
-function sound(q) {
-  switch (q) {
-    case "A":
-      tom1();
-      break;
-    case "a":
-      tom1();
-      break;
-    case "D":
-      tom2();
-      break;
-    case "d":
-      tom2();
-      break;
-    case "W":
-      kick();
-      break;
-    case "w":
-      kick();
-      break;
-    case "K":
-      tom3();
-      break;
-    case "k":
-      tom3();
-      break;
-    case "L":
-      tom4();
-      break;
-    case "l":
-      tom4();
-      break;
-    case "Z":
-      snare();
-      break;
-    case "z":
-      snare();
-      break;
-    case "B":
-      crash();
-      break;
-    case "b":
-      crash();
-      break;
-  }
-}
diff --git a/Game-Rythm-main/instruction.html b/Game-Rythm-main/instruction.html
deleted file mode 100644
index 12e5473..0000000
--- a/Game-Rythm-main/instruction.html
+++ /dev/null
@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <!-- linking css -->
-    <link rel="stylesheet" href="index.css" />
-    <!--  -->
-    <script
-    src="https://kit.fontawesome.com/25e32ff654.js"
-    crossorigin="anonymous"
-  ></script>
-    <!-- fav icon -->
-
-    <link rel="shortcut icon" href="logo.png" type="image/x-icon" />
-    <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>Rythm || Drum game || Instructions</title>
-  </head>
-  <style>
-    body{
-      font-size: 20px;
-      color: rgb(255, 127, 127);
-    }
-    
-  </style>
-  <body class="background">
-    <div class="glass">
-      <nav class="navbar max-width">
-        <div class="logo"><img src="logo.png" alt="" /><span>Rythm</span></div>
-        <div class="instructions">
-          <span><a href="index.html">Play your Beats</a></span>
-        </div>
-      </nav>
-      <div class="max-width">
-        <hr />
-      </div>
-      <div class="instruct max-width">
-        <ul class="list">
-          <li class="items">To play drum ... <br> You can click on drum or Press the key as mentioned</li>
-          <li class="items">Press 'a' or 'A' key to play drum 1 sound</li>
-          <li class="items">Press 'd' or 'D' key to play drum 2 sound</li>
-          <li class="items">Press 'w' or 'W' key to play kick-drum sound</li>
-          <li class="items">Press 'k' or 'K' key to play drum 3 sound</li>
-          <li class="items">Press 'l' or 'L' key to play drum 4 sound</li>
-          <li class="items">Press 'z' or 'Z' key to play snare sound</li>
-          <li class="items">Press 'b' or 'B' key to play crash sound</li>
-          <div>Enjoy your Drum Beats......<i class="fas fa-drum"></i></div>
-        </ul>
-       
-      </div>
-      <br><br>
-     
-      <div class="max-width">
-        <hr />
-      </div>
-      <footer>Made with  <span class="fas fa-heart"></span> <br />By: <a href="https://pulkitgupta30.github.io/frontendtry1/">Pulkit Gupta</a></footer>
-    </div>
-  </body>
-</html>
diff --git a/Game-Rythm-main/kick-bass.mp3 b/Game-Rythm-main/kick-bass.mp3
deleted file mode 100644
index faf06c6..0000000
Binary files a/Game-Rythm-main/kick-bass.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/kick.png b/Game-Rythm-main/kick.png
deleted file mode 100644
index b64877e..0000000
Binary files a/Game-Rythm-main/kick.png and /dev/null differ
diff --git a/Game-Rythm-main/logo.png b/Game-Rythm-main/logo.png
deleted file mode 100644
index dfa790c..0000000
Binary files a/Game-Rythm-main/logo.png and /dev/null differ
diff --git a/Game-Rythm-main/snare.mp3 b/Game-Rythm-main/snare.mp3
deleted file mode 100644
index e7cf5b8..0000000
Binary files a/Game-Rythm-main/snare.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/snare.png b/Game-Rythm-main/snare.png
deleted file mode 100644
index 1e089ba..0000000
Binary files a/Game-Rythm-main/snare.png and /dev/null differ
diff --git a/Game-Rythm-main/tom-1.mp3 b/Game-Rythm-main/tom-1.mp3
deleted file mode 100644
index 7dc3003..0000000
Binary files a/Game-Rythm-main/tom-1.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/tom-2.mp3 b/Game-Rythm-main/tom-2.mp3
deleted file mode 100644
index f3c0485..0000000
Binary files a/Game-Rythm-main/tom-2.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/tom-3.mp3 b/Game-Rythm-main/tom-3.mp3
deleted file mode 100644
index 3806033..0000000
Binary files a/Game-Rythm-main/tom-3.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/tom-4.mp3 b/Game-Rythm-main/tom-4.mp3
deleted file mode 100644
index 58b04be..0000000
Binary files a/Game-Rythm-main/tom-4.mp3 and /dev/null differ
diff --git a/Game-Rythm-main/tom1.png b/Game-Rythm-main/tom1.png
deleted file mode 100644
index 855b211..0000000
Binary files a/Game-Rythm-main/tom1.png and /dev/null differ
diff --git a/Game-Rythm-main/tom2.png b/Game-Rythm-main/tom2.png
deleted file mode 100644
index 3e9f363..0000000
Binary files a/Game-Rythm-main/tom2.png and /dev/null differ
diff --git a/Game-Rythm-main/tom3.png b/Game-Rythm-main/tom3.png
deleted file mode 100644
index 762cbf8..0000000
Binary files a/Game-Rythm-main/tom3.png and /dev/null differ
diff --git a/Game-Rythm-main/tom4.png b/Game-Rythm-main/tom4.png
deleted file mode 100644
index e79c49e..0000000
Binary files a/Game-Rythm-main/tom4.png and /dev/null differ
diff --git a/Menu Hover Effect/index.html b/Menu Hover Effect/index.html
new file mode 100644
index 0000000..19695c8
--- /dev/null
+++ b/Menu Hover Effect/index.html	
@@ -0,0 +1,25 @@
+<!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>Document</title>
+    <link rel="stylesheet" href="style.css" />
+  </head>
+  <body>
+    <section>
+      <ul>
+        <li><a href="#" data-text="Home">Home</a></li>
+        <li><a href="#" data-text="About">About</a></li>
+        <li><a href="#" data-text="Services">Services</a></li>
+        <li><a href="#" data-text="Team">Team</a></li>
+        <li><a href="#" data-text="Contact">Contact</a></li>
+      </ul>
+    </section>
+    <footer>
+      <div>Credit:- <a href="https://github.com/Lavishbansal17">Lavish Bansal</a></div>
+      <div>Date:- 30-08-2021</div>
+    </footer>
+  </body>
+</html>
diff --git a/Menu Hover Effect/pro.png b/Menu Hover Effect/pro.png
new file mode 100644
index 0000000..6fee5ff
Binary files /dev/null and b/Menu Hover Effect/pro.png differ
diff --git a/Menu Hover Effect/readme.md b/Menu Hover Effect/readme.md
new file mode 100644
index 0000000..0b3921a
--- /dev/null
+++ b/Menu Hover Effect/readme.md	
@@ -0,0 +1,2 @@
+# Menu Hover Effect
+<img src="./pro.png"/>
\ No newline at end of file
diff --git a/Menu Hover Effect/style.css b/Menu Hover Effect/style.css
new file mode 100644
index 0000000..0deb7cc
--- /dev/null
+++ b/Menu Hover Effect/style.css	
@@ -0,0 +1,75 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
+}
+
+section {
+  position: relative;
+  width: 100%;
+  height: 100vh;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  background: #222;
+  overflow: hidden;
+}
+
+ul {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+}
+
+ul li {
+  list-style: none;
+}
+
+ul li a {
+  position: relative;
+  display: block;
+  text-decoration: none;
+  text-align: center;
+  text-transform: uppercase;
+  color: #fff;
+  font-size: 4rem;
+  font-weight: 700;
+  transform: 0.5s;
+  transition-delay: 0.5s;
+}
+
+ul li a:hover {
+  color: rgba(255, 255, 255, 0.1);
+  transition-delay: 0s;
+}
+
+ul li a:before {
+  content: attr(data-text);
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  font-size: 0.35em;
+  color: #3bffe8;
+  text-shadow: 0 0 10px #3bffe8, 0 0 10px #3bffe8, 0 0 10px #3bffe8;
+  font-weight: 500;
+  letter-spacing: 40px;
+  white-space: nowrap;
+  text-align: center;
+  opacity: 0;
+  transition: 0.5s;
+}
+
+ul li a:hover::before {
+  opacity: 1;
+  letter-spacing: 6px;
+  transition-delay: 0.5s;
+}
+
+footer{
+  position: absolute;
+  bottom: 10px;
+  color: white;
+  left: 10px;
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 4221267..f6e0361 100644
--- a/README.md
+++ b/README.md
@@ -32,7 +32,7 @@ Simple Frontend Animation Projects.
 | Testimonial                 | https://pulkit203.github.io/Testimonial/          |
 | Water Animation             | https://pulkit203.github.io/Water-animation/      |
 | Wave Animation              | https://pulkit203.github.io/Wave-Animation/       |
-|Test Link|https://determined-sammet-87dc3c.netlify.app/|
+| Menu Hover effect|https://lavishbansal17.github.io/Menu-Hover-Effect/|
 
 ## <br/>