diff --git a/src/views/App.js b/src/views/App.js
index 3181c32..9b9e70f 100644
--- a/src/views/App.js
+++ b/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 />
diff --git a/src/views/Nav/Nav.css b/src/views/Nav/Nav.css
new file mode 100644
index 0000000..e91b8fd
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/src/views/Nav/Nav.js b/src/views/Nav/Nav.js
new file mode 100644
index 0000000..d5b4782
--- /dev/null
+++ b/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