diff --git a/src/App.js b/src/App.js
index ea2fe46..927e82c 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,16 +1,17 @@
 import React from 'react';
+import Navigation from './components/Navigation/Navigation';
 import './App.css';
 
 function App() {
   return (
     <div className="App">
-     <h1>Green Check Submit</h1>
-      {/* <Navigation />  */}
+      <Navigation /> 
       {/* <Logo />  */}
       {/* <SignIn />  */}
       {/* <Register />  */}
       {/* <Profile />  */}
       {/* <SubmitionComponent />  */}
+      <h1>Green Check Submit</h1>
     </div>
   );
 }
diff --git a/src/components/Navigation/Navigation.js b/src/components/Navigation/Navigation.js
new file mode 100644
index 0000000..1fa9710
--- /dev/null
+++ b/src/components/Navigation/Navigation.js
@@ -0,0 +1,12 @@
+import React from 'react';
+
+
+const Navigation = () =>{
+    return (
+        <div>
+            <h1>Nav Component</h1>
+        </div>
+    );
+}
+
+export default Navigation;
\ No newline at end of file