diff --git a/src/views/aboutUs.ejs b/src/views/aboutUs.ejs
index 63108a0..e9fd578 100644
--- a/src/views/aboutUs.ejs
+++ b/src/views/aboutUs.ejs
@@ -69,10 +69,13 @@
                 </div>
             </section>
         </main>
-        <footer class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
-            <div class="container mx-auto">
-               <p>&copy; 2025 RCalculator. All rights reserved.</p>
+        <footer>
+            <div class="bg-gray-100 dark:bg-gray-800 border-t border-gray-200 dark:border-gray-700 p-6 text-center text-gray-500 dark:text-gray-400 text-sm">
+                <div class="container mx-auto">
+                    <p>&copy; 2025 RCalculator. All rights reserved.</p>
+                 </div>
             </div>
+            <%- include("./partials/navBar") %>
         </footer>
         <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/flowbite/2.3.0/flowbite.min.js"></script>
diff --git a/src/views/assets.ejs b/src/views/assets.ejs
new file mode 100644
index 0000000..91a207e
--- /dev/null
+++ b/src/views/assets.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Assets Page
+</body>
+
+</html>
diff --git a/src/views/home.ejs b/src/views/home.ejs
new file mode 100644
index 0000000..232f992
--- /dev/null
+++ b/src/views/home.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Home Page
+</body>
+
+</html>
diff --git a/src/views/index.ejs b/src/views/index.ejs
index 04287c1..bf561fb 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -4,11 +4,15 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
     <title>Document</title>
 </head>
 
 <body>
-    The Index page
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Index Page
 </body>
 
 </html>
diff --git a/src/views/more.ejs b/src/views/more.ejs
new file mode 100644
index 0000000..b41b474
--- /dev/null
+++ b/src/views/more.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The More Page
+</body>
+
+</html>
diff --git a/src/views/partials/navBar.ejs b/src/views/partials/navBar.ejs
new file mode 100644
index 0000000..56176fb
--- /dev/null
+++ b/src/views/partials/navBar.ejs
@@ -0,0 +1,37 @@
+<div class="fixed bottom-0 left-0 z-50 lg:hidden w-full h-16 bg-white border-t border-gray-200 dark:bg-gray-400">
+    <form method="GET" class="h-16">
+        <div class="grid h-full max-w-lg grid-cols-4 mx-auto font-medium">
+            <button formaction="/home" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
+                    <path fill-rule="evenodd" d="M11.293 3.293a1 1 0 0 1 1.414 0l6 6 2 2a1 1 0 0 1-1.414 1.414L19 12.414V19a2 2 0 0 1-2 2h-3a1 1 0 0 1-1-1v-3h-2v3a1 1 0 0 1-1 1H7a2 2 0 0 1-2-2v-6.586l-.293.293a1 1 0 0 1-1.414-1.414l2-2 6-6Z" clip-rule="evenodd"/>
+                  </svg>
+                <span class="text-sm text-black">Home</span>
+            </button>
+            <button formaction="/assets" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+                    <rect width="30" height="30" fill="url(#pattern0_102_91)"/>
+                    <defs>
+                    <pattern id="pattern0_102_91" patternContentUnits="objectBoundingBox" width="1" height="1">
+                    <use xlink:href="#image0_102_91" transform="scale(0.0104167)"/>
+                    </pattern>
+                    <image id="image0_102_91" width="96" height="96" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+                    </defs>
+                </svg>
+                <span class="text-sm text-black">Assets</span>
+            </button>
+            <button formaction="/plans" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="currentColor" viewBox="0 0 24 24">
+                    <path d="M13.09 3.294c1.924.95 3.422 1.69 5.472.692a1 1 0 0 1 1.438.9v9.54a1 1 0 0 1-.562.9c-2.981 1.45-5.382.24-7.25-.701a38.739 38.739 0 0 0-.622-.31c-1.033-.497-1.887-.812-2.756-.77-.76.036-1.672.357-2.81 1.396V21a1 1 0 1 1-2 0V4.971a1 1 0 0 1 .297-.71c1.522-1.506 2.967-2.185 4.417-2.255 1.407-.068 2.653.453 3.72.967.225.108.443.216.655.32Z"/>
+                </svg>              
+                <span class="text-sm text-black">Plans</span>
+            </button>
+            <button formaction="/more" type="submit" class="inline-flex flex-col items-center justify-center px-5 hover:bg-gray-50 dark:hover:bg-gray-800 group">
+                <svg  height="30" width="30" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 17 14">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 1h15M1 7h15M1 13h15"></path>
+                </svg>
+                <span class="text-sm text-black">More</span>
+            </button>
+        </div>
+    </form>
+</div>
+
diff --git a/src/views/plans.ejs b/src/views/plans.ejs
new file mode 100644
index 0000000..70b4a22
--- /dev/null
+++ b/src/views/plans.ejs
@@ -0,0 +1,18 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
+    <title>Document</title>
+</head>
+
+<body>
+    <header>
+        <%- include("./partials/navBar") %>
+    </header>
+    The Plans Page
+</body>
+
+</html>
