
<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kayıt Formu</title>
    <link rel="stylesheet" href="styles.css">
    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
</head>
<body>
    <div id="loading-screen">
        <div class="loading-content">
            <div class="discord-container">
                <div class="discord-text">.gg/</div>
                <div class="typing-text">ozgurdusunce</div>
            </div>
            <div class="loading-bar">
                <div class="loading-progress"></div>
            </div>
            <div class="loading-dots">
                <div class="dot"></div>
                <div class="dot"></div>
                <div class="dot"></div>
            </div>
        </div>
    </div>
    

    <div id="main-content" class="hidden">

        <div class="container">
            <h1>Kayıt Formu</h1>
            <form id="registrationForm">
                <label for="discordName">Discord Adınız:</label>
                <input type="text" id="discordName" required>

                <label for="desiredName">Kayıt Olmak İstediğiniz İsim:</label>
                <input type="text" id="desiredName" required>

                <label for="age">Yaşınız:</label>
                <input type="number" id="age" required>

                <label for="gender">Cinsiyetiniz:</label>
                <select id="gender" required>
                    <option value="">Seçiniz</option>
                    <option value="Erkek">Erkek</option>
                    <option value="Kadın">Kadın</option>
                </select>

                <button type="submit">Gönder</button>
            </form>
            <div id="successMessage">Verileriniz Yetkililere Gönderildi</div>
        </div>

        <footer>
        </footer>

        <video autoplay muted loop id="background-video">
            <source src="https://assets.mixkit.co/videos/1610/1610-720.mp4" type="video/mp4">
            Tarayıcınız videoyu desteklemiyor.
        </video>
    </div>

    <script src="script.js"></script>
</body>
</html>