diff --git a/css/home.css b/css/home.css
index 10b52b2..c5776dc 100644
--- a/css/home.css
+++ b/css/home.css
@@ -1,6 +1,9 @@
 body{
     background-color: rgba(214, 214, 214, 0.26);
 }
+a{
+    text-decoration: none;
+}
 .bg-shadow{
     box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
 }
@@ -13,3 +16,5 @@ body{
 .cose-category-bg:hover{
     transform: scale(1.1);
 }
+
+
diff --git a/include/loginForm.php b/include/loginForm.php
new file mode 100644
index 0000000..890f37c
--- /dev/null
+++ b/include/loginForm.php
@@ -0,0 +1,27 @@
+
+<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
+  <div class="modal-dialog">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h1 class="modal-title fs-5" id="exampleModalLabel">Admin Login</h1>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+      </div>
+      <div class="modal-body">
+        <form>
+          <div class="mb-3">
+            <label for="recipient-name" class="col-form-label">User Name</label>
+            <input type="text" class="form-control">
+          </div>
+          <div class="mb-3">
+            <label for="message-text" class="col-form-label">Password</label>
+            <input type="password" class="form-control">
+          </div>
+        </form>
+      </div>
+      <div class="modal-footer">
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
+        <button type="button" class="btn btn-primary">Login</button>
+      </div>
+    </div>
+  </div>
+</div>
\ No newline at end of file
diff --git a/include/navBar.php b/include/navBar.php
index 38ef752..f3cb632 100644
--- a/include/navBar.php
+++ b/include/navBar.php
@@ -9,10 +9,13 @@
     </a>
 
     <span class="navbar-text me-5">
-      <a href="#" class="d-flex">
+      <a href="#" class="d-flex" data-bs-toggle="modal" data-bs-target="#exampleModal">
         <img src="images/profile.png" alt="Logo" width="42" class="d-inline-block align-text-top">
         <h5 class="mt-2 ms-2">Login</h5>
       </a>
     </span>
   </div>
-</nav>
\ No newline at end of file
+</nav>
+
+<!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" 
+data-bs-target="#exampleModal" data-bs-whatever="@mdo">Open modal for @mdo</button> -->
diff --git a/index.php b/index.php
index 3908754..c5bdd9e 100644
--- a/index.php
+++ b/index.php
@@ -1,6 +1,7 @@
 <body>
     <?php include 'include/head.php'; ?>
     <?php include 'include/navBar.php'; ?>
+    <?php include 'include/loginForm.php'; ?>
 
 
     <!-- main image -->
