<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Ana Sayfa</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- Hoş geldin ekranı -->
    <div class="welcome-screen" id="welcome-screen">
        <div class="welcome-content">
            <button id="start-btn">Siteyi Görmek İçin Tıklayın</button>
        </div>
    </div>

    <!-- Arka plan videosu -->
    <div class="video-background" id="video-background">
        <video id="background-video" loop muted>
            <source src="background.mp4" type="video/mp4">
            Tarayıcınız video etiketini desteklemiyor.
        </video>
    </div>

    <!-- İçerik -->
    <div class="content" id="content" style="display: none;">
        <img src="logo.gif" alt="Logo" class="logo">
        <h1>zqrba__</h1>
        <ul>
            <li>Fivem Junior Developer</li>
            <li>Web Junior Developer</li>
            <li>Discord Senior Developer</li>
        </ul>
        <div class="social-media">
            <a href="https://discord.com/invite/" target="_blank">Discord</a>
            <a href="https://www.instagram.com/zqrba__/" target="_blank">Instagram</a>
        </div>
    </div>

    <!-- Ses dosyası -->
    <audio id="background-audio" src="background.mp3" preload="auto" loop>
        Tarayıcınız ses etiketini desteklemiyor.
    </audio>

    <!-- Menü -->
    <div class="menu">
        <button class="menu-btn">&#9776;</button> <!-- Üç yatay çizgi simgesi -->
        <div class="menu-content">
            <a href="deger-verdiklerim.html">Değer Verdiklerim</a>
        </div>
    </div>

    <!-- JavaScript dosyasını dahil et -->
    <script src="script.js"></script>
</body>
</html>
