snowrider3dunblock.github.io/contact.html at main · FloppaShploop/snowrider3dunblock.github.io · 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
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Contact Us - Snow Rider 3D</title>
    <meta name="description" content="Contact the Snow Rider 3D team for support, feedback, or partnerships. We love to hear from our players and community!" />
    <link rel="icon" type="image/png" href="datas/favicon.png" />
    <script src="https://cdn.tailwindcss.com"></script>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="bg-white font-sans text-gray-800">
    <header class="sticky top-0 z-50 bg-white shadow-sm">
        <div class="container mx-auto px-4 py-4 flex justify-between items-center">
            <div class="flex items-center space-x-2">
                <i class="fas fa-gamepad text-3xl text-primary"></i>
                <h1 class="text-2xl font-bold text-gray-800">Snow Rider 3D</h1>
            </div>
            <nav class="hidden md:flex space-x-8">
                <a href="index.html" class="font-medium hover:text-primary transition">Home</a>
                <a href="about.html" class="font-medium hover:text-primary transition">About</a>
                <a href="contact.html" class="font-medium hover:text-primary transition">Contact</a>
                <a href="privacypolicy.html" class="font-medium hover:text-primary transition">Privacy Policy</a>
                <a href="termsofservice.html" class="font-medium hover:text-primary transition">Terms of Service</a>
                <a href="dmca.html" class="font-medium text-primary font-bold">DMCA</a>
            </nav>
        </div>
    </header>
    <main class="container mx-auto px-4 py-12">
        <section class="max-w-2xl mx-auto bg-gray-50 p-8 rounded-xl shadow-md">
            <h2 class="text-3xl font-bold mb-6 text-gray-900">Contact Us</h2>
            <p class="mb-4 text-gray-700">
                We'd love to hear from you! Whether you have questions, feedback, partnership ideas, or need support, please reach out using the form below or email us directly.
            </p>
            <form class="space-y-6">
                <div>
                    <label for="name" class="block font-semibold mb-2">Your Name</label>
                    <input type="text" id="name" name="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" required>
                </div>
                <div>
                    <label for="email" class="block font-semibold mb-2">Your Email</label>
                    <input type="email" id="email" name="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" required>
                </div>
                <div>
                    <label for="message" class="block font-semibold mb-2">Message</label>
                    <textarea id="message" name="message" rows="5" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-primary" required></textarea>
                </div>
                <button type="submit" class="w-full bg-primary text-white px-6 py-3 rounded-lg font-bold shadow hover:bg-blue-600 transition">
                    <i class="fas fa-paper-plane mr-2"></i> Send Message
                </button>
            </form>
            <div class="mt-8 text-center text-gray-600">
                Or email us at <a href="mailto:SnowRider3D@gmail.com" class="text-primary underline">SnowRider3D@gmail.com</a>
            </div>
        </section>
    </main>
    <footer class="bg-gray-50 border-t border-gray-200 mt-12">
        <div class="container mx-auto px-4 py-8 text-center text-gray-500">
            &copy; 2025 Snow Rider 3D. All rights reserved.
        </div>
    </footer>
</body>
</html>