feat: added nav

src/views/App.js

@@ -3,11 +3,13 @@ import './App.css'
 import 'semantic-ui-css/semantic.min.css'
 import DataTable from './DataTable/DataTable'
 import ListViewer from './ListViewer/ListViewer'
+import Nav from './Nav/Nav'
 
 class App extends Component {
   render = () => {
     return (
       <div className='App'>
+        <Nav />
         <div className='Workspace'>
           <ListViewer />
           <DataTable />

src/views/Nav/Nav.css

@@ -0,0 +1,12 @@
+.Nav{
+  height: 40px;
+  background-color: #2185d0;
+  color: white;
+  text-align: center;
+}
+
+.appName {
+  display: inline-block;
+  margin: 10px auto 0px auto;
+  font-size: 24px;
+}

src/views/Nav/Nav.js

@@ -0,0 +1,14 @@
+import React, { Component } from 'react'
+import './Nav.css'
+
+class Nav extends Component {
+  render = () => {
+    return (
+      <div className='Nav'>
+        <span className='appName'>Lovelace.Technology</span>
+      </div>
+    )
+  }
+}
+
+export default Nav