<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="./css/style.css" />
  </head>
  <body style="display: none">
    <div class="left-png"></div>
    <div class="right-png"></div>
    <div class="bottom-png"></div>
    <div class="changecamera" onclick="changecamera()"></div>
    <div class="top-section">
      <div class="left-section">
        <div class="l-top">
          <div class="l-title">Hyperion</div>
          <div class="l-spell">Customs</div>
        </div>
        <div class="l-desc">
          Vil du presse den lidt ekstra? Så er Hyperion Customs stedet for dig.
        </div>
        <div class="l-items"></div>
      </div>
      <div class="right-section">
        <div class="close-btn" onclick="closex()">
          <div class="cb-blur"></div>
          <div class="cb-title">LUK MENU</div>
          <div class="cb-icon"><img src="./imgs/close.svg" /></div>
        </div>
        <div class="helper">
          <div>
            <span>Free Cam</span><img src="./imgs/mouse1.svg" />
          </div>
          <div><span>Skift kamera</span><img src="./imgs/mouse2.svg" /></div>
        </div>
        <div class="progresses">
          <div id="speed_prog" class="progress" percent="68">
            <div class="p-top">
              <div class="p-title">HASTIGHED</div>
              <div class="p-value">
                <!-- <div class="p-extra">+? KM/H</div> -->
                <div class="p-val">100 KM/H</div>
              </div>
            </div>
            <div class="p-bar">
              <div class="p-percent"></div>
            </div>
          </div>
          <div id="brake_prog" class="progress" percent="17">
            <div class="p-top">
              <div class="p-title">BREMSER</div>
              <div class="p-value">
                <div class="p-val">100 KM/H</div>
              </div>
            </div>
            <div class="p-bar">
              <div class="p-percent"></div>
            </div>
          </div>
          <div id="torque_prog" class="progress" percent="25">
            <div class="p-top">
              <div class="p-title">TORQUE</div>
              <div class="p-value">
                <div class="p-val">100 KM/H</div>
              </div>
            </div>
            <div class="p-bar">
              <div class="p-percent"></div>
            </div>
          </div>
          <div id="power_prog" class="progress" percent="35">
            <div class="p-top">
              <div class="p-title">POWER</div>
              <div class="p-value">
                <div class="p-val">100 KM/H</div>
              </div>
            </div>
            <div class="p-bar">
              <div class="p-percent"></div>
            </div>
          </div>
          <div id="engine_prog" class="progress" percent="70">
            <div class="p-top">
              <div class="p-title">MOTOR</div>
              <div class="p-value">
                <div class="p-val">100 KM/H</div>
              </div>
            </div>
            <div class="p-bar">
              <div class="p-percent"></div>
            </div>
          </div>
          <div id="fuel_prog" class="progress" percent="100">
            <div class="p-top">
              <div class="p-title">BRÆNDSTOF</div>
              <div class="p-value">
                <div class="p-val">100%</div>
              </div>
            </div>
            <div class="p-bar">
              <div class="p-percent"></div>
            </div>
          </div>
        </div>
        <div class="total-price">
          <div class="tp-top">
            <div class="tp-label">VALGTE TING:</div>
            <div class="tp-price">1000,-</div>
          </div>
          <div class="tp-btn" onclick="BuyItem()">KØB</div>
        </div>
      </div>
    </div>
    <div class="bottom-section">
      <div class="b-items"></div>
    </div>
    <audio id="myAudio">
      <source src="./drill.mp3" type="audio/mpeg" />
    </audio>
    <script src="nui://game/ui/jque ry.js" type="text/javascript"></script>
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="./js/script.js"></script>
    <script src="./js/slider.js"></script>
  </body>
</html>