updates styles

Author: alexlobera

public/css/main.css

@@ -18,7 +18,7 @@ a:hover,
 a:focus,
 a:active,
 a.active {
-  color: #774EBD;
+  color: #61dafb;
   outline: none;
 }
 h1,
@@ -79,7 +79,7 @@ hr.star-primary:after {
 }
 header {
   text-align: center;
-  background: #61dafb;
+  background: #292C34;
   color: white;
 }
 header .container {
@@ -425,7 +425,7 @@ fieldset[disabled] .btn-success.active {
 }
 
 .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
-  background-color: #774EBD;
+  background-color: #61dafb;
 }
 
 

src/components/App.js

@@ -53,7 +53,7 @@ class App extends React.Component {
         <nav className="navbar navbar-default navbar-fixed-top navbar-custom">
             <div className="container">
                 <div className="navbar-header">
-                    <a className="navbar-brand">LeanJS</a>
+                    <a className="navbar-brand">ReactJS Academy</a>
                 </div>
                 <ul className="nav navbar-nav pull-right">
                     <li className="hidden-xs">
@@ -148,11 +148,11 @@ class App extends React.Component {
                             </ul>
                         </div>
                         <div className="footer-col col-md-4">
-                            <h3>About LeanJS</h3>
+                            <h3>About ReactJS Academy</h3>
                             <p>
-                              <a href="https://leanjs.com/">LeanJS </a>
+                              <a href="https://reactjs.academy/">ReactJS Academy</a>
                               <span>
-                                is a boutique of excellence focused on Lean, JavaScript, UX, Agile, and people.
+                                ReactJS Academy is Europes longest running dedicated React, Redux, and GraphQL training.
                               </span>
                             </p>
                         </div>

src/components/Header.js

@@ -5,11 +5,9 @@ const Header = (props) => (
       <div className="container">
           <div className="row">
               <div className="col-lg-12">
-                  <img alt="" className="img-responsive logo-academy" src="/img/leanjs.logo.svg" />
+                  <img alt="" className="img-responsive logo-academy" src="/img/logo.png" />
                   <div className="intro-text">
-                      <span className="name">{props.title}</span>
-                      <hr className="star-light" />
-                      <span className="skills">Upgrade your web development skills</span>
+                      <span className="skills">ReactJS Academy</span>
                   </div>
               </div>
           </div>