From 92c232bf3e092a7d1d26bddfaa8c7b2a3e4ff8ab Mon Sep 17 00:00:00 2001
From: nidhipai78 <nidhinpai2004@gmail.com>
Date: Fri, 7 Jun 2024 15:36:57 +0530
Subject: [PATCH] message added

---
 index.html | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index 08787cf..b81c6be 100644
--- a/index.html
+++ b/index.html
@@ -159,11 +159,35 @@
     </div>
     <div class="newsletter">
       <div class="footer_titles">Subscribe to our newsletter</div>
-      <form>
-        <input type="text" id="emailId" name="email" placeholder="Your Email">
-        <button  type="submit">Subscribe</button>
+      <form id="subscriptionForm">
+        <input type="email" id="emailId" name="email" placeholder="Your Email" required>
+        <button type="submit">Subscribe</button>
       </form>
+      <div id="subscriptionMessage" style="display: none;">You have subscribed successfully!</div>
     </div>
+    
+    <script>
+      document.getElementById("subscriptionForm").addEventListener("submit", function(event) {
+        event.preventDefault(); // Prevent the form from submitting
+    
+        // Get the email input value
+        var email = document.getElementById("emailId").value;
+    
+        // Email validation using regular expression
+        var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        if (!emailRegex.test(email)) {
+          alert("Please enter a valid email address.");
+          return;
+        }
+    
+        // Simulate subscription (you may replace this with actual subscription code)
+        // For now, just displaying the success message
+        document.getElementById("subscriptionMessage").style.display = "block";
+      });
+    </script>
+    
+    
+    
     <div class="contact">
       <div class="footer_titles">Contact Us</div>
       <a href="mailto:Blogzen@gmail.com"><div class="mail">Blogzen@gmail.com</div></a>