diff --git a/assets/css/style.css b/assets/css/style.css index d22ea5d..76436d0 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1104,4 +1104,13 @@ body.nav-active { overflow: hidden; } .feature-list { grid-template-columns: 1fr 1fr; } -} \ No newline at end of file +} + +.success-message { + color: white; + font-size: 15px; + margin-top: 10px; + display: none; + text-align: center; + font-weight: 600; +} diff --git a/assets/js/script.js b/assets/js/script.js index e4d43c6..c6c6609 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -140,4 +140,32 @@ const initAccordion = function (currentAccordion) { } -for (let i = 0, len = accordions.length; i < len; i++) { initAccordion(accordions[i]); } \ No newline at end of file +for (let i = 0, len = accordions.length; i < len; i++) { initAccordion(accordions[i]); } + +// News letter succes message +document.getElementById("newsletterForm").addEventListener("submit", function(event) { + event.preventDefault(); // Prevent actual form submission + + let emailInput = document.getElementById("newsletterEmail").value.trim(); + let successMessage = document.getElementById("successMessage"); + + if (!validateEmail(emailInput)) { + alert("Please enter a valid email address."); + return; + } + + // Show success message and reset the form + successMessage.style.display = "block"; + this.reset(); + + // Hide message after 3 seconds + setTimeout(() => { + successMessage.style.display = "none"; + }, 3000); +}); + +// Email validation function +function validateEmail(email) { + let re = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; + return re.test(email); +} diff --git a/index.html b/index.html index e6fde20..46a8479 100644 --- a/index.html +++ b/index.html @@ -859,18 +859,22 @@

+ + + + +