diff --git a/assets/js/script.js b/assets/js/script.js
index 40e07d5..2d36383 100644
--- a/assets/js/script.js
+++ b/assets/js/script.js
@@ -56,4 +56,21 @@ const toggleSearchBar = function () {
   document.body.classList.toggle("active");
 }
 
-addEventOnElem(searchTogglers, "click", toggleSearchBar);
\ No newline at end of file
+addEventOnElem(searchTogglers, "click", toggleSearchBar);
+
+// JavaScript for Success Message
+document.getElementById('newsletterForm').addEventListener('submit', function (event) {
+  event.preventDefault(); // Prevent the form from submitting
+
+  // Simulate successful subscription
+  const successMessage = document.querySelector('.success-message');
+  successMessage.style.display = 'block'; // Show the success message
+
+  // Clear the input field
+  this.reset();
+
+  // Hide success message after 5 seconds
+  setTimeout(() => {
+    successMessage.style.display = 'none';
+  }, 5000);
+});
\ No newline at end of file
diff --git a/index.html b/index.html
index 85c968a..c42102c 100644
--- a/index.html
+++ b/index.html
@@ -1153,19 +1153,19 @@ <h3 class="h5">
       -->
 
       <section class="section newsletter">
-
         <h2 class="h2 section-title">
           Subscribe to <strong class="strong">new posts</strong>
         </h2>
-
-        <form action="" class="newsletter-form">
+        <form action="" class="newsletter-form" id="newsletterForm" style="position: relative;">
           <input type="email" name="email_address" placeholder="Your email address" required class="email-field">
-
           <button type="submit" class="btn">Subscribe</button>
+          <!-- Success Message -->
+          <p class="success-message" style="display: none; color: green; margin-top: 10px; position: absolute;">
+            Thank you for subscribing! You'll now receive our latest posts and updates.
+          </p>
         </form>
-
-      </section>
-
+      </section>      
+      
     </article>
   </main>