diff --git a/src/Pages/Articles/Article/Article.jsx b/src/Pages/Articles/Article/Article.jsx
index 60c4ad20..6da7201c 100755
--- a/src/Pages/Articles/Article/Article.jsx
+++ b/src/Pages/Articles/Article/Article.jsx
@@ -4,8 +4,6 @@ import { GlobalState } from '../../../GlobalState';
 import '../Articles.css'
 import PermIdentityIcon from '@material-ui/icons/PermIdentity';
 import EventNoteIcon from '@material-ui/icons/EventNote';
-import NavBar from '../../../Components/NavBar/NavBar';
-import Footer from '../../../Components/Footer/Footer';
 import marked from 'marked';
 import moment from 'moment-timezone'
 
@@ -31,7 +29,6 @@ const ArticleItem = () => {
 
     return (
         <>
-            <NavBar/>
             <main className="blog-content">
                 <article className='blog-main'>
                     <h2 style={{ marginTop: '5rem', fontSize: '3rem', fontWeight: '600' }}>{subtitle}</h2>
@@ -71,7 +68,6 @@ const ArticleItem = () => {
                 </article>
             </main>
             <hr style={{ background: 'rgb(235,183,65)', width: '100%' }} />
-            <Footer/>
         </>
     )
 }
diff --git a/src/Pages/Articles/CreateArticle.jsx b/src/Pages/Articles/CreateArticle.jsx
index 4d4377e9..ad084f89 100755
--- a/src/Pages/Articles/CreateArticle.jsx
+++ b/src/Pages/Articles/CreateArticle.jsx
@@ -3,8 +3,6 @@ import { GlobalState } from '../../GlobalState';
 import Loading from '../../Loading';
 import { useHistory, useParams } from 'react-router-dom';
 import axios from 'axios';
-import NavBar from '../../Components/NavBar/NavBar';
-import Footer from '../../Components/Footer/Footer';
 import './CreateArticle.css';
 import marked from 'marked';
 
@@ -111,7 +109,6 @@ function CreatArticle() {
 
     return (
         <>
-            <NavBar />
             <div className="create_article" >
                 <div className="container fluid col-md-12">
                     <div id="signupbox" >
@@ -250,7 +247,6 @@ function CreatArticle() {
                 </div>
             </div>
             <hr style={{ background: 'rgb(235,183,65)', width: '100%' }} />
-            <Footer />
         </>
     )
 }
diff --git a/src/Pages/Auth/login.jsx b/src/Pages/Auth/login.jsx
index 78b3cd5b..aaf64b38 100644
--- a/src/Pages/Auth/login.jsx
+++ b/src/Pages/Auth/login.jsx
@@ -4,7 +4,6 @@ import axios from "axios";
 import { Link } from "react-router-dom";
 
 import { GlobalState } from '../../GlobalState';
-import Footer from "../../Components/Footer/Footer";
 import "./login.css";
 
 const Login = () => {
@@ -67,7 +66,6 @@ const Login = () => {
 					</div>
 				</form>
 			</div>
-			<Footer />
 		</div>
 	);
 };
diff --git a/src/Pages/Auth/register.jsx b/src/Pages/Auth/register.jsx
index 745beee4..f729c54a 100644
--- a/src/Pages/Auth/register.jsx
+++ b/src/Pages/Auth/register.jsx
@@ -3,8 +3,6 @@ import React, { useState } from "react";
 import axios from "axios";
 import { Link } from "react-router-dom";
 
-import Footer from "../../Components/Footer/Footer";
-
 import "./login.css";
 
 const Register = () => {
@@ -81,7 +79,6 @@ const Register = () => {
 					</div>
 				</form>
 			</div>
-			<Footer />
 		</div>
 	);
 };
diff --git a/src/Pages/Client/Client.jsx b/src/Pages/Client/Client.jsx
index 1a723cb0..422d96dd 100755
--- a/src/Pages/Client/Client.jsx
+++ b/src/Pages/Client/Client.jsx
@@ -1,13 +1,10 @@
 import React from "react";
-import NavBar from "../../Components/NavBar/NavBar";
-import Footer from "../../Components/Footer/Footer"
 import SocialRing from "../../Components/Clients/SocialRing";
 import './Client.css';
 import bootstrap from '../../Assets/Images/Bootstrap-min.png';
 
 const Client = () => {
     return (<>
-        <NavBar />
         <div className='client-header'>
             <div className='client-logo' id='client-logo'>
                 <h1 className='heading-client'>
@@ -166,7 +163,6 @@ const Client = () => {
         </div>
 
         <hr className="header-hr"/>
-        <Footer />
     </>
     )
 }
diff --git a/src/Pages/Home/Home.jsx b/src/Pages/Home/Home.jsx
index f2dde929..4376e874 100755
--- a/src/Pages/Home/Home.jsx
+++ b/src/Pages/Home/Home.jsx
@@ -1,9 +1,7 @@
 import React from 'react';
 import '../Home/Home.css';
-import NavBar from '../../Components/NavBar/NavBar';
 import SocialMedia from '../../Components/SocialMedia/SocialMedia';
 import PersonalBrand from '../../Components/PersonalBrand/PersonalBrandOriginal';
-import Footer from '../../Components/Footer/Footer';
 import Testimonial from '../../Components/Testimonials/testimonial';
 import Tech from '../../Components/Technologies/Tech';
 import EmailIcon from '@material-ui/icons/Email';
@@ -17,8 +15,7 @@ class Home extends React.Component {
         return (
             <>
                 <main className='home-page'>
-                    <NavBar id='top' />
-                    <Hero Home username={{firstName: 'Hosea', lastName: 'Codes'}}/>
+                    <Hero id='top' Home username={{firstName: 'Hosea', lastName: 'Codes'}}/>
                     <StyledHr Primary/>
                     <PersonalBrand />
                     <StyledHr Primary/>
@@ -78,7 +75,6 @@ class Home extends React.Component {
                             </StyledButtonATag>
                         </div>
                     </div>
-                    <Footer />
                 </main>
             </>
         )
diff --git a/src/Pages/Projects/Project/Project.jsx b/src/Pages/Projects/Project/Project.jsx
index d17b8d07..4fcddf53 100755
--- a/src/Pages/Projects/Project/Project.jsx
+++ b/src/Pages/Projects/Project/Project.jsx
@@ -1,8 +1,6 @@
 import React from 'react';
 import { useParams } from 'react-router-dom';
-import NavBar from '../../../Components/NavBar/NavBar';
 import {StyledHr} from '../../../Layout/Hr/styledHr';
-import Footer from '../../../Components/Footer/Footer';
 import {projectData} from '../ProjectsData'
 import  './Project.css';
 
@@ -42,7 +40,6 @@ const ProjectItem = () => {
 
     return (
         <>
-            <NavBar/>
             <div id="single-work" className="project-group">
                 <div style={{backgroundImage: `url(${headerImg})`}} id="top" className="hero-single-work">
                     <div className="hero-single-work-content">
@@ -294,7 +291,6 @@ const ProjectItem = () => {
                 </main>
             </div>
             <StyledHr Primary/>
-            <Footer/>
         </>
     )
 }
diff --git a/src/Pages/Projects/Projects.jsx b/src/Pages/Projects/Projects.jsx
index 677f35b9..d6a472dc 100755
--- a/src/Pages/Projects/Projects.jsx
+++ b/src/Pages/Projects/Projects.jsx
@@ -79,17 +79,14 @@
 
 import React from 'react';
 import './Projects.css';
-import NavBar from '../../Components/NavBar/NavBar';
 import {projectData} from './ProjectsData';
 import ProjectCard from '../../Components/Cards/projectCard';
-import Footer from '../../Components/Footer/Footer';
 import { StyledHr } from '../../Layout/Hr/styledHr';
 
 const Projects = () => {
 
     return (
         <div>
-            <NavBar />
             <div className='header2'>
                 <div className='header-logo'>
                 </div>
@@ -104,7 +101,6 @@ const Projects = () => {
                                 </>
                                 )
                             })}
-            <Footer/>
         </div>
     )