diff --git a/ef-ui/dist/index.html b/ef-ui/dist/index.html
index 586ff06..2c36f56 100644
--- a/ef-ui/dist/index.html
+++ b/ef-ui/dist/index.html
@@ -13,20 +13,30 @@
     <meta name="keywords" content="">
     <meta name="description" content="">
     <meta name="author" content="">
+
     <!-- bootstrap css -->
     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
     <!-- style css -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
     <!-- Responsive-->
-    <link rel="stylesheet" href="css/responsive.css">
+    <link rel="stylesheet" type="text/css" href="css/responsive.css">
     <!-- fevicon -->
-    <link rel="icon" href="images/fevicon.png" type="image/gif" />
+    <!-- <link rel="icon" href="images/fevicon.png" type="image/gif" /> -->
+    <link rel="icon" href="images/logo.png" type="image/gif" />
+
     <!-- Scrollbar Custom CSS -->
     <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
     <!-- Tweaks for older IEs-->
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
     <!-- fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;800&family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
+
+
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js"></script>
+<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-DAjohXmt.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-CyAHZLBw.css">
  </head>
@@ -43,4 +53,4 @@
           <script src="js/plugin.js"></script>
 
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/ef-ui/index.html b/ef-ui/index.html
index e5b1b90..df19d77 100644
--- a/ef-ui/index.html
+++ b/ef-ui/index.html
@@ -13,20 +13,30 @@
     <meta name="keywords" content="">
     <meta name="description" content="">
     <meta name="author" content="">
+
     <!-- bootstrap css -->
     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
     <!-- style css -->
     <link rel="stylesheet" type="text/css" href="css/style.css">
     <!-- Responsive-->
-    <link rel="stylesheet" href="css/responsive.css">
+    <link rel="stylesheet" type="text/css" href="css/responsive.css">
     <!-- fevicon -->
-    <link rel="icon" href="images/fevicon.png" type="image/gif" />
+    <!-- <link rel="icon" href="images/fevicon.png" type="image/gif" /> -->
+    <link rel="icon" href="images/logo.png" type="image/gif" />
+
     <!-- Scrollbar Custom CSS -->
     <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
     <!-- Tweaks for older IEs-->
     <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
     <!-- fonts -->
     <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;800&family=Sen:wght@400;700;800&display=swap" rel="stylesheet">
+
+
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/2.11.6/umd/popper.min.js"></script>
+<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>
+
  </head>
 
 
@@ -42,4 +52,4 @@
           <script src="js/plugin.js"></script>
 
   </body>
-</html>
+</html>
\ No newline at end of file
diff --git a/ef-ui/package-lock.json b/ef-ui/package-lock.json
index ee98c80..d84a9df 100644
--- a/ef-ui/package-lock.json
+++ b/ef-ui/package-lock.json
@@ -11,6 +11,7 @@
         "@fortawesome/react-fontawesome": "^0.2.2",
         "@reduxjs/toolkit": "^2.2.7",
         "axios": "^1.7.7",
+        "bootstrap": "^5.3.3",
         "dotenv": "^16.4.5",
         "ef-ui": "file:",
         "jwt-decode": "^4.0.0",
@@ -647,10 +648,11 @@
       }
     },
     "node_modules/@popperjs/core": {
-      "version": "2.11.5",
-      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
-      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+      "version": "2.11.8",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.8.tgz",
+      "integrity": "sha512-P1st0aksCrn9sGZhp8GMYwBnQsbvAWsZAX44oXNNvLHGqAOcoVxmjZiohstwQ7SqKnbR47akdNi+uleWD8+g6A==",
       "license": "MIT",
+      "peer": true,
       "funding": {
         "type": "opencollective",
         "url": "https://opencollective.com/popperjs"
@@ -1006,6 +1008,25 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/bootstrap": {
+      "version": "5.3.3",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.3.tgz",
+      "integrity": "sha512-8HLCdWgyoMguSO9o+aH+iuZ+aht+mzW0u3HIMzVu7Srrpv7EBBxTnrFlSCskwdY1+EOFQSm7uMJhNQHkdPcmjg==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/twbs"
+        },
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/bootstrap"
+        }
+      ],
+      "license": "MIT",
+      "peerDependencies": {
+        "@popperjs/core": "^2.11.8"
+      }
+    },
     "node_modules/brace-expansion": {
       "version": "1.1.11",
       "dev": true,
@@ -2576,6 +2597,16 @@
         "react-dom": "^18.1.0"
       }
     },
+    "node_modules/mdb-react-ui-kit/node_modules/@popperjs/core": {
+      "version": "2.11.5",
+      "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.11.5.tgz",
+      "integrity": "sha512-9X2obfABZuDVLCgPK9aX0a/x4jaOEweTTWE2+9sr0Qqqevj2Uv5XorvusThmc9XGYpS9yI+fhh8RTafBtGposw==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
     "node_modules/mdb-react-ui-kit/node_modules/clsx": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz",
diff --git a/ef-ui/package.json b/ef-ui/package.json
index 0e6aca2..31c3078 100644
--- a/ef-ui/package.json
+++ b/ef-ui/package.json
@@ -13,6 +13,7 @@
     "@fortawesome/react-fontawesome": "^0.2.2",
     "@reduxjs/toolkit": "^2.2.7",
     "axios": "^1.7.7",
+    "bootstrap": "^5.3.3",
     "dotenv": "^16.4.5",
     "ef-ui": "file:",
     "jwt-decode": "^4.0.0",
diff --git a/ef-ui/src/components/Header.jsx b/ef-ui/src/components/Header.jsx
new file mode 100644
index 0000000..fb27d27
--- /dev/null
+++ b/ef-ui/src/components/Header.jsx
@@ -0,0 +1,56 @@
+
+import { NavLink } from "react-router-dom";
+
+const Header = () => {
+  return (
+    <>
+
+<div className="container-fluid p-0 m-0">
+        <nav
+          className="navbar navbar-expand-lg w-100"
+          style={{
+            backgroundColor: "#000000",
+            position: "fixed", // Make the navbar fixed at the top
+            top: 0,
+            left: 0,
+            right: 0,
+            zIndex: 1000, // Ensure the navbar is above other elements
+          }}
+        >
+          <div className="container-fluid d-flex align-items-center justify-content-between">
+       
+
+            <div className="collapse navbar-collapse" id="navbarSupportedContent">
+         
+              <form className="form-inline my-2 my-lg-0">
+                <div className="login_text">
+                  <ul>
+                    <li>
+                    <NavLink to="/login" className="nav-link">
+                  Login
+                  </NavLink>
+                    </li>
+                    <li>
+                      <a href="#">
+                        <i className="fa fa-user" aria-hidden="true" />
+                      </a>
+                    </li>
+                  </ul>
+                </div>
+                <div className="quote_btn">
+                  <NavLink to="/register" className="nav-link">
+                  Register
+                  </NavLink>
+
+                </div>
+              </form>
+            </div>
+          </div>
+        </nav>
+      </div>
+
+    </>
+  )
+}
+
+export default Header
\ No newline at end of file
diff --git a/ef-ui/src/main.jsx b/ef-ui/src/main.jsx
index cd361be..7ff3867 100644
--- a/ef-ui/src/main.jsx
+++ b/ef-ui/src/main.jsx
@@ -8,6 +8,7 @@ import './index.css'
 
 
 
+
 createRoot(document.getElementById('root')).render(
   <StrictMode>
 
diff --git a/ef-ui/src/redux/features/authSlice.js b/ef-ui/src/redux/features/authSlice.js
index c28b2f3..62a0803 100644
--- a/ef-ui/src/redux/features/authSlice.js
+++ b/ef-ui/src/redux/features/authSlice.js
@@ -1,6 +1,7 @@
 import { createSlice, createAsyncThunk } from "@reduxjs/toolkit";
 import * as api from "../api";
 
+
 export const login = createAsyncThunk(
   "auth/login",
   async ({ formValue, navigate, toast }, { rejectWithValue }) => {
diff --git a/ef-ui/vite.config.js b/ef-ui/vite.config.js
index d26f549..3946379 100644
--- a/ef-ui/vite.config.js
+++ b/ef-ui/vite.config.js
@@ -14,8 +14,8 @@ export default defineConfig({
 
       '/users/signup': 'http://67.225.129.127:3002/', 
       '/users/signin': 'http://67.225.129.127:3002/',
-      '/users/forgotpassword': 'http://67.225.129.127:3002/',
-      '/users/:id/verify/:token': 'http://67.225.129.127:3002/',
+      // '/users/forgotpassword': 'http://67.225.129.127:3002/',
+      // '/users/:id/verify/:token': 'http://67.225.129.127:3002/',
     },
   },