diff --git a/assets/image/ads.png b/assets/image/ads.png
new file mode 100644
index 0000000..0cd3bc2
Binary files /dev/null and b/assets/image/ads.png differ
diff --git a/assets/style.css b/assets/style.css
index 46d0be0..c7cc69e 100644
--- a/assets/style.css
+++ b/assets/style.css
@@ -1594,7 +1594,7 @@ width: 61px;
 .modal-content121{
 margin-left: 70px !important;
 }
-#applyModal button{ 
+#applyModal .submit{ 
 background-color: var(--primary-color1) !important;
 color: var(--font-color1) !important;
 transition: 0.3s all ease-out;
diff --git a/index.html b/index.html
index dda0c14..2fd3c09 100644
--- a/index.html
+++ b/index.html
@@ -32,6 +32,9 @@
 
 <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
 <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
     </head>
   
 <body>
@@ -1050,7 +1053,11 @@
   </div>
 </div>
 </div>
-
+<!-- popup fancybox -->
+   <a href="./assets/image/ads.png"
+     rel="lightbox"
+     id="popup"
+     style="display:none">popup image</a>
 <!-- Apply Now Modal -->
 <div class="modal fade" id="applyModal" tabindex="-1" aria-hidden="true">
   <div class="modal-dialog modal-dialog-centered modal-lg">
@@ -1058,7 +1065,7 @@
 
       <!-- Modal Header -->
       <div class="modal-header border-0">
-        <h3 class="modal-title w-100 text-center text-danger fw-bold">
+        <h3 class="modal-title w-100 text-center fw-bold">
           Pre-registration
         </h3>
         <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
@@ -1070,7 +1077,7 @@
 
           <!-- Guardian Name -->
           <div class="mb-3">
-            <label class="form-label text-danger">
+            <label class="form-label ">
               Name of the guardian <span class="text-danger">*</span>
             </label>
             <input type="text" class="form-control custom-input" required>
@@ -1078,7 +1085,7 @@
 
           <!-- Child Name -->
           <div class="mb-3">
-            <label class="form-label text-danger">
+            <label class="form-label">
               Name of the student<span class="text-danger">*</span>
             </label>
             <input type="text" class="form-control custom-input" required>
@@ -1086,7 +1093,7 @@
 
           <!-- Email -->
           <div class="mb-3">
-            <label class="form-label text-danger">
+            <label class="form-label">
               Email <span class="text-danger">*</span>
             </label>
             <input type="email" class="form-control custom-input" required>
@@ -1094,7 +1101,7 @@
 
           <!-- Contact -->
           <div class="mb-3">
-            <label class="form-label text-danger">
+            <label class="form-label">
               Contact number <span class="text-danger">*</span>
             </label>
             <input type="tel" class="form-control custom-input" required>
@@ -1102,7 +1109,7 @@
 
           <!-- Grade -->
           <div class="mb-4">
-            <label class="form-label text-danger">
+            <label class="form-label">
               Choose your course: <span class="text-danger">*</span>
             </label>
             <select class="form-select custom-input" required>
@@ -1112,16 +1119,16 @@
           </div>
 
           <!-- reCAPTCHA Placeholder -->
-          <div class="mb-4">
+          <!-- <div class="mb-4">
             <div class="border rounded p-3 d-inline-flex align-items-center gap-3">
               <input type="checkbox">
               <span>I’m not a robot</span>
               <small class="text-muted ms-3">reCAPTCHA</small>
             </div>
-          </div>
+          </div> -->
 
           <!-- Submit -->
-          <button type="submit" class="btn w-100 py-2 fw-bold">
+          <button type="submit" class="submit btn w-100 py-2 fw-bold">
             SEND
           </button>
 
@@ -1134,6 +1141,13 @@
 
           <!-- Link to Bootstrap JS (optional) -->
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
+           <!-- popup ads -->
+            
+            <script>
+              $(document).ready(function(){
+                $("#popup").fancybox().trigger('click');
+              });
+            </script>
           <script src="/bootstraps/js/bootstrap.bundle.min.js">
 
             // popup modal of home
diff --git a/popup.html b/popup.html
new file mode 100644
index 0000000..4910a82
--- /dev/null
+++ b/popup.html
@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Fancybox Simple Example</title>
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.css" media="screen">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js"></script>
+</head>
+
+<body>
+  <h1>This is my wordpress project</h1>
+
+  <a href="./assets/image/man.png"
+     rel="lightbox"
+     id="popup"
+     style="display:none">popup image</a>
+</body>
+
+<script>
+  $(document).ready(function(){
+    $("#popup").fancybox().trigger('click');
+  });
+</script>
+
+</html>
