diff --git a/css/contactus.css b/css/contactus.css index 761aeab..9a84bba 100644 --- a/css/contactus.css +++ b/css/contactus.css @@ -1,3 +1,4 @@ + @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600&display=swap'); body { font-family: 'Oswald', sans-serif; @@ -89,6 +90,7 @@ button:hover { animation: slideIn 0.5s forwards; } + @keyframes slideIn { from { transform: translateX(-50%) translateY(20px); diff --git a/index.html b/index.html index 6ba5c03..be54624 100644 --- a/index.html +++ b/index.html @@ -3,41 +3,37 @@ - ChaosWeb - The Disorderly UI Experiment - - + Contact Us - Chaos + + + + - -

ChaosWeb - The Disorderly UI Experiment

-
- - - - - - +
+

Contact Us

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
- + diff --git a/js/script.js b/js/script.js index e797c5f..d801b64 100644 --- a/js/script.js +++ b/js/script.js @@ -236,3 +236,12 @@ document.getElementById("contactForm").addEventListener("submit", function(event function navigateTo(url) { window.location.href = url; } +document.getElementById("contactForm").addEventListener("submit", function(event){ + event.preventDefault(); // Prevents the form from submitting normally + + // Display a simple popup message after submission + var popup = document.getElementById("popup"); + popup.innerHTML = "Thank you for contacting us!"; + popup.style.display = "block"; +}); +