feat: added logo to nav

src/views/Nav/Nav.css

@@ -1,3 +1,10 @@
+.brandHeader {
+  display: flex;
+  justify-content: space-around;
+  width: 280px;
+  margin: 0px auto;
+}
+
 .Nav{
   height: 40px;
   background-color: #2185d0;
@@ -9,4 +16,9 @@
   display: inline-block;
   margin: 10px auto 0px auto;
   font-size: 24px;
+}
+
+.logo {
+   width: 36px;
+   border-radius: 100%;
 }

src/views/Nav/Nav.js

@@ -1,11 +1,14 @@
 import React, { Component } from 'react'
 import './Nav.css'
+import adaLovelaceLogo from  '../../img/adaLovelace.jpg'
 
 class Nav extends Component {
   render = () => {
     return (
       <div className='Nav'>
-        <span className='appName'>Lovelace.Technology</span>
+        <div className='brandHeader'>
+          <span className='appName'>Lovelace</span><img src={adaLovelaceLogo} alt='logo' className='logo' /><span className='appName'>Technology</span>
+          </div>
       </div>
     )
   }