done

ef-ui/dist/index.html

@@ -42,7 +42,7 @@
 <!-- <script src="https://stackpath.bootstrapcdn.com/bootstrap/5.1.3/js/bootstrap.bundle.min.js"></script> -->
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0/dist/js/bootstrap.bundle.min.js"></script>
 
-   <script type="module" crossorigin src="/assets/index-Br5i4FR3.js"></script>
+   <script type="module" crossorigin src="/assets/index-DMoctrjb.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DlbKQED5.css">
  </head>
 

ef-ui/src/App.jsx

@@ -14,6 +14,7 @@ import ResetPassword from "./components/ResetPassword";
 import Registrationsuccess from "./components/Registrationsuccess";
 import PropertyView from "./components/PropertyView";
 import SearchMysql from "./components/SearchMysql";
+import Services from "./components/Services";
 
 
 const App = () => {
@@ -23,6 +24,7 @@ const App = () => {
       <Routes>
         <Route path="/" element={<Home />}></Route>
         <Route path="/about" element={<About />}></Route>
+        <Route path="/services" element={<Services />}></Route>
         <Route path="/contact" element={<Contact />}></Route>
         <Route path="/register" element={<Register />}></Route>
 

ef-ui/src/components/Footer.jsx

@@ -21,7 +21,6 @@ const Footer = () => {
                 <li><a href="index.html">Home</a></li>
                 <li><a href="about.html">About</a></li>
                 <li><a href="services.html">Services</a></li>
-                <li><a href="projects.html">Projects</a></li>
                 <li><a href="contact.html">Contact Us</a></li>
               </ul>
             </div>

ef-ui/src/components/Navbar.jsx

@@ -74,11 +74,7 @@ const Navbar = () => {
                   About
                 </NavLink>
               </li>
-              <li className="nav-item">
-                <NavLink to="/projects" className="nav-link">
-                  Project
-                </NavLink>
-              </li>
+     
 
               <li className="nav-item">
                 <NavLink to="/contact" className="nav-link">

ef-ui/src/components/Services.jsx

@@ -0,0 +1,21 @@
+import Footer from "./Footer"
+import Navbar from "./Navbar"
+
+
+const Services = () => {
+  return (
+    <>
+    <Navbar />
+    <br />    <br />    <br />    <br />    <br />    <br />
+    <br />    <br />    <br />    <br />    <br />
+
+    This page will show the list of services offered by the company
+    <br />    <br />    <br />    <br />    <br />    <br />    <br />
+
+    <Footer />
+      
+    </>
+  )
+}
+
+export default Services