<!DOCTYPE html>
<html lang="pl-PL">
<head>
    <meta charset="UTF-8">
    <title>non HUD 5.0 | MTK</title>
    <link rel="stylesheet" href="routes/css/hud.css">
    <link rel="stylesheet" href="routes/css/watermark.css">
    <link rel="stylesheet" href="routes/css/carhud.css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="https://kit.fontawesome.com/b4e744b74d.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v6.0.0-beta1/css/all.css"> 
    <script src="routes/js/hud.js"></script>
    <script src="routes/js/watermark.js"></script>
</head>
<body>

    <!-- WATERMARK -->
    <div class="watermark-box">
        <div class="watermark-text">
            <span>SonicGG</span>
            <span class="discord">discord.gg/sonicgg</span>
        </div>
        <div class="watermark-logo">
            <img src="./routes/img/logo.png">
        </div>
        <div class="watermark-id">
            <span id="id-player">0</span>
        </div>
    </div>

    <!-- HUD BOX -->
    <div class="hud-box">
        <div class="icon hp hp2">
            <i class="fa-solid fa-heart"></i>
        </div>

        <div class="icon microphone">
            <i class="fa-solid fa-microphone"></i>
        </div>
    </div>

    <!-- CAR-HUD -->

    <div class="car-box">
        <div class="speed-text-box">
            <span id="speed-number">000</span>
            <span id="kmh">KM/H</span>
        </div>

        <div class="progress-speed">
            <div class="progress-speed-fill"></div>
        </div>
    </div>

</body>
</html>