80 lines
2.1 KiB
HTML
80 lines
2.1 KiB
HTML
|
|
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>Contact</title>
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
<link rel="icon" href="/assets/favicon.ico" type="image/x-icon">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<header id="site_head">
|
|
<h1><a href="/">Go SSG</a></h1>
|
|
|
|
<nav>
|
|
<ul class="list-none">
|
|
|
|
<li class="list-none"><a class="text-white hover:text-primary-200" href="/">Home</a></li>
|
|
|
|
<li class="list-none"><a class="text-white hover:text-primary-200" href="/about/">About</a></li>
|
|
|
|
<li class="list-none"><a class="text-white hover:text-primary-200" href="/blog/">Blog</a></li>
|
|
|
|
<li class="list-none"><a class="text-white hover:text-primary-200" href="/contact/">Contact</a></li>
|
|
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
|
|
|
|
<main>
|
|
<article>
|
|
<h1 class="text-2xl font-bold mb-4">Contact Me</h1>
|
|
|
|
<form action="https://api.staticforms.xyz/submit" method="POST" class="space-y-4 max-w-xl">
|
|
|
|
<input type="hidden" name="accessKey" value="sf_5m86ek16hmele1jlkl62ghml" />
|
|
|
|
|
|
<input type="hidden" name="redirectTo" value="/thanks/" />
|
|
|
|
<label>
|
|
<span>Name</span>
|
|
<input id="name" type="text" name="name" required class="w-full border p-2 rounded" />
|
|
<span class="text-red-600 text-sm hidden" data-error="name"></span>
|
|
</label>
|
|
|
|
<label>
|
|
<span>Email</span>
|
|
<input id="email" type="email" name="email" required class="w-full border p-2 rounded" />
|
|
<span class="text-red-600 text-sm hidden" data-error="email"></span>
|
|
</label>
|
|
|
|
<label>
|
|
<span>Message</span>
|
|
<textarea id="message" name="message" rows="5" required class="w-full border p-2 rounded"></textarea>
|
|
<span class="text-red-600 text-sm hidden" data-error="message"></span>
|
|
</label>
|
|
|
|
|
|
|
|
|
|
<button type="submit" class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
|
|
Send Message
|
|
</button>
|
|
</form>
|
|
</article>
|
|
</main>
|
|
|
|
|
|
<footer id="site_foot">
|
|
<p class="p-0 py-4 m-0 leading-none">© 2025 Keith Solomon - Go SSG</p>
|
|
</footer>
|
|
<script src="/assets/contact.js" defer></script></body>
|
|
</html>
|
|
|