@@ -51,12 +51,11 @@ a:visited {
   flex: 50%;
 }
 
-/* footer {
+footer {
   background-color: #19172e;
   text-align: center;
   color: white;
   font-size: 1rem;
-  position: absolute;
   left: 0;
   right: 0;
   bottom: 0;
@@ -67,7 +66,7 @@ a:visited {
 
 footer a:visited {
   color: inherit;
-} */
+}
 
 @media (max-width: 800px) {
   .container {
 
@@ -190,18 +190,23 @@ <h4>Memory Matching Game</h4>
         </a>
       </div>
     </div>
-<!--<div class="container">
-      <div class="item"></div>
+    <div class="container">
+      <div class="item">
+        <a href="28 - Music Player/index.html">
+          <h4>Music Player</h4>
+          <img src="30DaysOfJavaScript/assets/28.png" alt="">
+        </a>
+      </div>
       <div class="item"></div>
       <div class="item"></div>
-    </div> -->
-    <!-- <footer>
+    </div> 
+    <footer>
         <p>&#x3c; &#47; &#x3e; with ❤️ by 
           <a href="https://swapnilsparsh.github.io/">Swapnil Srivastava</a>
           <br> 
           <a href="https://github.com/swapnilsparsh/30DaysOfJavaScript" target="_blank">#30DaysOfJavaScript
           </a>
         </p>
-    </footer> -->
+    </footer>
   </body>
 </html>