68 lines
2.1 KiB
HTML
68 lines
2.1 KiB
HTML
<!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> |