diff --git a/client/src/components/Footer.js b/client/src/components/Footer.js
index 801f04039..a5569d9f1 100644
--- a/client/src/components/Footer.js
+++ b/client/src/components/Footer.js
@@ -1,4 +1,5 @@
 import React from 'react'
+import { NavLink, withRouter } from 'react-router-dom'
 
 const Footer = () => {
   return (
@@ -11,11 +12,25 @@ const Footer = () => {
           </div>
           <div className="col l4 offset-l2 s12">
             <h5 className="white-text">Links</h5>
-            <ul>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 1</a></li>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 2</a></li>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 3</a></li>
-              <li><a className="grey-text text-lighten-3" href="#!">Link 4</a></li>
+            <ul className="right hide-on-med-and-down">
+              <li><NavLink exact to="/">Home</NavLink></li>
+              <li><NavLink to='/profile'>Profile</NavLink></li>
+              <li><NavLink to='/browse'>Browse</NavLink></li>
+              <li><NavLink to='/search'>Search</NavLink></li>
+              <li><NavLink to='/contact'>Contact</NavLink></li>
+              <li><NavLink to='/about'>About</NavLink></li>
+              <li><a href="http://modules.advancedalgos.net">Modules</a></li>
+
+              <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="You Tube">
+                <i className="fab fa-youtube"></i>
+              </a></li>
+              <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Facebook">
+                <i className="fab fa-facebook"></i>
+              </a></li>
+              <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Twitter">
+                <i className="fab fa-twitter"></i>
+              </a></li>
+
             </ul>
           </div>
         </div>
diff --git a/client/src/components/Navbar.js b/client/src/components/Navbar.js
index 2d4144ccc..add70af3e 100644
--- a/client/src/components/Navbar.js
+++ b/client/src/components/Navbar.js
@@ -34,16 +34,6 @@ const Navbar = (props) => {
             <li><NavLink to='/about'>About</NavLink></li>
             <li><a href="http://modules.advancedalgos.net">Modules</a></li>
 
-            <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="You Tube">
-              <i className="fab fa-youtube"></i>
-            </a></li>
-            <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Facebook">
-              <i className="fab fa-facebook"></i>
-            </a></li>
-            <li><a href="" className="tooltipped btn-floating btn-small indigo darken-4" data-position="bottom" data-tooltip="Twitter">
-              <i className="fab fa-twitter"></i>
-            </a></li>
-
           </ul>
           <ul className="sidenav grey lighten-2" id="mobile-menu">
             <li><NavLink exact to="/">Home</NavLink></li>