spacehub/contact.html at main · strange-exe/spacehub · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <title>SpaceHub | Contact</title>
  <link rel="icon" href="space.png" type="image">
  <link rel="stylesheet" href="style.css">
  <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&family=Poppins:wght@300;500;700&display=swap" rel="stylesheet">
</head>
<body>
    <div class="loader"><div class="spinner"></div></div>
    <header>
        <h1>SpaceHub</h1>
        <p>Explore the cosmos</p>
    </header>
    <nav>
        <a href="index.html">Home</a>
        <a href="gallery.html">Gallery</a>
        <a href="about.html">About</a>
        <a href="contact.html" class="active">Contact</a>
    </nav>
    <main style="max-width:600px;margin:40px auto;text-align:center">
        <section class="hero">
        <span class="badge">Contact</span>
        <h1>Get in Touch</h1>
        <p>Have questions or suggestions? Reach out below!</p>
        </section>
        <form id="contactForm" action="https://formsubmit.co/work.abhinesh@gmail.com" method="POST" class="card" style="padding:20px;display:flex;flex-direction:column;gap:15px">
        <input type="text" name="name" placeholder="Your Name" required style="padding:12px;border-radius:var(--radius);border:none">
        <input type="email" name="email" placeholder="Your Email" required style="padding:12px;border-radius:var(--radius);border:none">
        <textarea name="message" placeholder="Your Message" rows="5" required style="padding:12px;border-radius:var(--radius);border:none"></textarea>
        <input type="hidden" name="_captcha" value="false">
        <input type="hidden" name="_next" value="https://abhinesh.me/spacehub/thankyou.html">
        <button type="submit" style="padding:12px;background:var(--accent);border:none;color:#fff;font-weight:600;border-radius:var(--radius);cursor:pointer">Send</button>
        </form>
    </main>
    <footer>
        © 2025 SpaceHub | Powered by NASA API
    </footer>
    <script>
        window.addEventListener('load', () => {
            document.body.classList.add('loaded');
        });
        document.getElementById('contactForm').addEventListener('submit', function(event) {
            if (this.method.toUpperCase() !== 'POST') {
                event.preventDefault();
                alert('Error: The form must use the POST method.');
            }
        });
    </script>
</body>
</html>