diff --git a/src/components/About.jsx b/src/components/About.jsx
index eb5c295..820dbc1 100644
--- a/src/components/About.jsx
+++ b/src/components/About.jsx
@@ -6,20 +6,10 @@ function About() {
       <div class="container">
         <div class="row align-items-center my-5">
           <div class="col-lg-7">
-            <img
-              class="img-fluid rounded mb-4 mb-lg-0"
-              src="http://placehold.it/900x400"
-              alt=""
-            />
+            <img class="img-fluid rounded mb-4 mb-lg-0" src="" alt="" />
           </div>
           <div class="col-lg-5">
-            <h1 class="font-weight-light">About</h1>
-            <p>
-              Lorem Ipsum is simply dummy text of the printing and typesetting
-              industry. Lorem Ipsum has been the industry's standard dummy text
-              ever since the 1500s, when an unknown printer took a galley of
-              type and scrambled it to make a type specimen book.
-            </p>
+            <p>about</p>
           </div>
         </div>
       </div>
diff --git a/src/components/Contact.jsx b/src/components/Contact.jsx
index b274248..14bf11a 100644
--- a/src/components/Contact.jsx
+++ b/src/components/Contact.jsx
@@ -6,20 +6,10 @@ function Contact() {
       <div class="container">
         <div class="row align-items-center my-5">
           <div class="col-lg-7">
-            <img
-              class="img-fluid rounded mb-4 mb-lg-0"
-              src="http://placehold.it/900x400"
-              alt=""
-            />
+            <img class="img-fluid rounded mb-4 mb-lg-0" src="" alt="" />
           </div>
           <div class="col-lg-5">
-            <h1 class="font-weight-light">Contact</h1>
-            <p>
-              Lorem Ipsum is simply dummy text of the printing and typesetting
-              industry. Lorem Ipsum has been the industry's standard dummy text
-              ever since the 1500s, when an unknown printer took a galley of
-              type and scrambled it to make a type specimen book.
-            </p>
+            <p>contact</p>
           </div>
         </div>
       </div>
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 3fab5b4..88524ac 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -2,12 +2,10 @@ import React from "react";
 
 function Footer() {
   return (
-    <div className="footer">
-      <footer class="py-5 bg-dark fixed-bottom">
+    <div className="fooer">
+      <footer class="bg-light fixed-bottm">
         <div class="container">
-          <p class="m-0 text-center text-white">
-            Copyright &copy; Your Website 2020
-          </p>
+          <p class="m-0 text-center text-whit"></p>
         </div>
       </footer>
     </div>
diff --git a/src/components/Home.jsx b/src/components/Home.jsx
index 9ab7d0a..c9b82cd 100644
--- a/src/components/Home.jsx
+++ b/src/components/Home.jsx
@@ -6,20 +6,10 @@ function Home() {
       <div class="container">
         <div class="row align-items-center my-5">
           <div class="col-lg-7">
-            <img
-              class="img-fluid rounded mb-4 mb-lg-0"
-              src="http://placehold.it/900x400"
-              alt=""
-            />
+            <img class="img-fluid rounded mb-4 mb-lg-0" src="" alt="" />
           </div>
           <div class="col-lg-5">
-            <h1 class="font-weight-light">Home</h1>
-            <p>
-              Lorem Ipsum is simply dummy text of the printing and typesetting
-              industry. Lorem Ipsum has been the industry's standard dummy text
-              ever since the 1500s, when an unknown printer took a galley of
-              type and scrambled it to make a type specimen book.
-            </p>
+            <p>Home</p>
           </div>
         </div>
       </div>
diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx
index 7240f8f..cf4d40c 100644
--- a/src/components/Navigation.jsx
+++ b/src/components/Navigation.jsx
@@ -4,41 +4,15 @@ import { Link, withRouter } from "react-router-dom";
 function Navigation(props) {
   return (
     <div className="navigation">
-      <nav class="navbar navbar-expand navbar-dark bg-dark">
+      <nav class="navbar navbarf-expand navbar-light bg-light">
         <div class="container">
-          <Link class="navbar-brand" to="/">
-            React Multi-Page Website
-          </Link>
           <div>
             <ul class="navbar-nav ml-auto">
               <li
                 class={`nav-item  ${
                   props.location.pathname === "/" ? "active" : ""
                 }`}
-              >
-                <Link class="nav-link" to="/">
-                  Home
-                  <span class="sr-only">(current)</span>
-                </Link>
-              </li>
-              <li
-                class={`nav-item  ${
-                  props.location.pathname === "/about" ? "active" : ""
-                }`}
-              >
-                <Link class="nav-link" to="/about">
-                  About
-                </Link>
-              </li>
-              <li
-                class={`nav-item  ${
-                  props.location.pathname === "/contact" ? "active" : ""
-                }`}
-              >
-                <Link class="nav-link" to="/contact">
-                  Contact
-                </Link>
-              </li>
+              ></li>
             </ul>
           </div>
         </div>