diff --git a/client/src/components/Contact.js b/client/src/components/Contact.js
index d0914b61b..a8640488b 100644
--- a/client/src/components/Contact.js
+++ b/client/src/components/Contact.js
@@ -3,33 +3,33 @@ import React from 'react'
 const Contact = () => {
   return (
     <div>
-    <section class="section container scrollspy" id="contact">
-      <div class="row">
-        <div class="col s12 l5">
-          <h2 class="indigo-text text-darken-4">Get in Touch</h2>
+    <section className="section container scrollspy" id="contact">
+      <div className="row">
+        <div className="col s12 l5">
+          <h2 className="indigo-text text-darken-4">Get in Touch</h2>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
           <p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
           <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum at lacus congue, suscipit elit nec, tincidunt orci.</p>
           <p>Mauris dolor augue, vulputate in pharetra ac, facilisis nec libero. Fusce condimentum gravida urna, vitae scelerisque erat ornare nec.</p>
         </div>
-        <div class="col s12 l5 offset-l2">
+        <div className="col s12 l5 offset-l2">
           <form>
-            <div class="input-field">
-              <i class="material-icons prefix">email</i>
+            <div className="input-field">
+              <i className="material-icons prefix">email</i>
               <input type="email" id="email"/>
-              <label for="email">Your Email</label>
+              <label htmlFor="email">Your Email</label>
             </div>
-            <div class="input-field">
-              <i class="material-icons prefix">message</i>
-              <textarea id="message" class="materialize-textarea" cols="20" rows="20"></textarea>
-              <label for="message">Your Message</label>
+            <div className="input-field">
+              <i className="material-icons prefix">message</i>
+              <textarea id="message" className="materialize-textarea" cols="20" rows="20"></textarea>
+              <label htmlFor="message">Your Message</label>
             </div>
-            <div class="input-field">
-              <i class="material-icons prefix">date_range</i>
-              <input type="text" id="date" class="datepicker"/>
-              <label for="date">Choose a date you need me for...</label>
+            <div className="input-field">
+              <i className="material-icons prefix">date_range</i>
+              <input type="text" id="date" className="datepicker"/>
+              <label htmlFor="date">Choose a date you need me for...</label>
             </div>
-            <div class="input-field">
+            <div className="input-field">
               <p>Services required:</p>
               <p>
                 <label>
@@ -44,8 +44,8 @@ const Contact = () => {
                 </label>
               </p>
             </div>
-            <div class="input-field center">
-              <button class="btn">Submit</button>
+            <div className="input-field center">
+              <button className="btn">Submit</button>
             </div>
           </form>
         </div>
diff --git a/client/src/components/Navbar.js b/client/src/components/Navbar.js
index 339fbf0f7..8736f6014 100644
--- a/client/src/components/Navbar.js
+++ b/client/src/components/Navbar.js
@@ -6,7 +6,7 @@ const Navbar = (props) => {
     <header>
       <nav className="nav-wrapper transparent">
         <div className="container">
-          <a href="http://www.advancedalgos.net" className="brand-logo">Advanced Algos Users Module</a>
+          <a href="http://www.advancedalgos.net" className="brand-logo">Users Module</a>
           <a href="" className="sidenav-trigger" data-target="mobile-menu">
             <i className="material-icons">menu</i>
           </a>
@@ -19,8 +19,8 @@ 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="Instagram">
-              <i className="fab fa-instagram"></i>
+            <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>
diff --git a/client/src/components/Search.js b/client/src/components/Search.js
index 719b161e4..64537b653 100644
--- a/client/src/components/Search.js
+++ b/client/src/components/Search.js
@@ -10,7 +10,6 @@ class Search extends Component {
   componentDidMount(){
     axios.get('https://jsonplaceholder.typicode.com/posts/')
       .then(res => {
-        console.log(res);
         this.setState({
           posts: res.data.slice(0,10)
         });
diff --git a/client/src/img/nav-bar.jpg b/client/src/img/nav-bar.jpg
new file mode 100644
index 000000000..f9bcbc17a
Binary files /dev/null and b/client/src/img/nav-bar.jpg differ
diff --git a/client/src/index.css b/client/src/index.css
index 948bb3170..625ec9a08 100644
--- a/client/src/index.css
+++ b/client/src/index.css
@@ -91,6 +91,8 @@ form button{
 
 
 
+
+
 body {
   margin: 0;
   padding: 0;
@@ -118,3 +120,28 @@ nav a.active{
   overflow: hidden;
   padding-left: 80px;
 }
+
+
+
+
+header{
+  background: url(img/nav-bar.jpg);
+  background-size: cover;
+  background-position: center;
+  min-height: 50px;
+}
+@media screen and (max-width: 670px){
+  header{
+    min-height: 500px;
+  }
+}
+.section{
+  padding-top: 4vw;
+  padding-bottom: 4vw;
+}
+.tabs .indicator{
+  background-color: #1a237e;
+}
+.tabs .tab a:focus, .tabs .tab a:focus.active{
+  background: transparent;
+}
diff --git a/client/src/reducers/rootReducer.js b/client/src/reducers/rootReducer.js
index 819adc0f2..15a79e16e 100644
--- a/client/src/reducers/rootReducer.js
+++ b/client/src/reducers/rootReducer.js
@@ -9,7 +9,7 @@ const initState = {
 
 
 const rootReducer = (state = initState, action) => {
-  console.log(action);
+
   if(action.type === 'DELETE_POST'){
    let newPosts = state.posts.filter(post => {
      return post.id !== action.id
@@ -22,4 +22,4 @@ const rootReducer = (state = initState, action) => {
   return state;
 }
 
-export default rootReducer
\ No newline at end of file
+export default rootReducer