diff --git a/src/Pages/Home/Home.jsx b/src/Pages/Home/Home.jsx
index 4376e874..be435b85 100755
--- a/src/Pages/Home/Home.jsx
+++ b/src/Pages/Home/Home.jsx
@@ -9,11 +9,14 @@ import ProjectHighlight from '../../Components/Project/projectHighlight';
 import Hero from '../../Components/Hero/hero';
 import {StyledHr} from '../../Layout/Hr/styledHr';
 import {StyledButtonATag} from '../../Layout/Button/styledButton';
+import NavBar from '../../Components/NavBar/NavBar';
+import Footer from '../../Components/Footer/Footer';
 
 class Home extends React.Component {
     render() {
         return (
             <>
+              <NavBar/>
                 <main className='home-page'>
                     <Hero id='top' Home username={{firstName: 'Hosea', lastName: 'Codes'}}/>
                     <StyledHr Primary/>
@@ -76,6 +79,7 @@ class Home extends React.Component {
                         </div>
                     </div>
                 </main>
+                <Footer/>
             </>
         )
     }
diff --git a/src/Pages/Order/History.jsx b/src/Pages/Order/History.jsx
new file mode 100644
index 00000000..d318d1bc
--- /dev/null
+++ b/src/Pages/Order/History.jsx
@@ -0,0 +1,16 @@
+import React from 'react';
+import Footer from '../../Components/Footer/Footer';
+import NavBar from '../../Components/NavBar/NavBar';
+import OrderHistory from '../../Components/Order/OrderHistory';
+
+const History = () => {
+  return (
+    <>
+      <NavBar/>
+      <OrderHistory/>
+      <Footer/>
+    </>
+  )
+}
+
+export default History;