Website files

2025-11-18 09:56:31 -05:00
commit dc41d7d04c
5 changed files with 284 additions and 0 deletions
--- a/contact.html
+++ b/contact.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CI Protytpe</title>
+
+    <!-- Minified version -->
+    <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
+    <link rel="stylesheet" href="./main.css">
+
+
+    <script>
+    function validateAndSend() {
+        
+        var email = document.getElementById('email').value;
+
+        console.log(email)
+
+    //    Could have an email of a@a.com - so 7 characters minimum
+        if(email.indexOf("@") == -1 || email.length < 7)  
+        {
+            alert("Please Enter a Valid Email")
+        }
+        
+        else
+        {
+            
+            return true;
+        }
+
+    }
+    </script>
+
+  </head>
+  <body>
+    <header>
+        <h1>Mystic Tech Collective</h1>  
+
+
+        <nav>
+            <ul style="list-style: none;">
+                <li><a href="./index.html">Home</a></li>
+                <li><a href="./team.html">Team</a></li>
+                <li><a href="./services.html">Services</a></li>
+                <li><a href="./contact.html">Contact</a></li>
+            </ul>
+        </nav>
+    </header>
+    <main>
+            <h2>Contact Us</h2>
+            <form class="contactSection" name="contactForm" id="contactForm" action="https://smartforms.dev/submit/68ae290ac184545ccc0c822f" method="post" onsubmit="return validateAndSend();" >
+                <label for="firstName" >First Name:</label>
+                <input type="text" id="firstName" name="firstName" required="" minlength="2" pattern="[a-zA-Z]+" ><br >
+
+                <label for="lastName">Last Name:</label>
+                <input type="text" id="lastName" name="lastName" required="" minlength="2" pattern="[a-zA-Z]+" ><br >
+
+                <label for="email">Email:</label>
+                <input type="text" id="email" name="email"> <br >
+                    
+                <label for="message">Message: </label>
+                    <textarea id="message" name="message" ></textarea> <br >
+                <input type="submit" name="submit" value="Submit" class="submit">
+            </form>
+    </main>
+  </body>
+</html>