diff --git a/assets/js/script.js b/assets/js/script.js
index 1393d5e..5fd360b 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -83,4 +83,19 @@ const filter = function () {
   filterBox.setAttribute("data-filter", this.dataset.filterBtn)
 }
 
-addEventOnElem(filterBtns, "click", filter);
\ No newline at end of file
+addEventOnElem(filterBtns, "click", filter);
+
+// Newsletter subscribe
+document.getElementById("newsletter-form").addEventListener("submit", function(event) {
+  event.preventDefault(); // Prevent actual form submission
+
+  let successMessage = document.getElementById("success-message");
+  successMessage.style.display = "block"; // Show success message
+
+  this.reset(); // Clear input field
+
+  // Hide the message after 4 seconds (4000 milliseconds)
+  setTimeout(() => {
+    successMessage.style.display = "none";
+  }, 4000);
+});
\ No newline at end of file
diff --git a/index.html b/index.html
index f75dd1c..df876e1 100644
--- a/index.html
+++ b/index.html
@@ -1407,27 +1407,26 @@ <h3 class="h3">
 
       <section class="section newsletter" aria-label="newsletter">
         <div class="container">
-
           <div class="newsletter-card">
-
             <div class="card-content">
               <h2 class="h2 section-title">Our Newsletter</h2>
-
               <p class="section-text">
-                Subscribe our newsletter and get discount 50% off
+                Subscribe to our newsletter and get a 50% discount!
               </p>
             </div>
-
-            <form action="" class="card-form">
+      
+            <form action="#" class="card-form" id="newsletter-form">
               <input type="email" name="email_address" placeholder="Your email address" required class="email-field">
-
               <button type="submit" class="newsletter-btn" aria-label="subscribe">
                 <ion-icon name="arrow-forward" aria-hidden="true"></ion-icon>
               </button>
             </form>
-
+      
+            <!-- Success Message (Initially Hidden) -->
+            <p id="success-message" class="success-message" style="display: none; color: green; font-weight: bold;">
+              Thank you for subscribing! 🎉
+            </p>
           </div>
-
         </div>
       </section>