<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <link rel="stylesheet" href="globals.css" />
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="h">
      <div class="div">
        <div class="overlap-group">
          <div class="overlap">
            <div class="overlap-2" id="Helth">
              <div class="img-wrapper"><img class="img" src="img/rh.png" /></div>
              <div class="text-wrapper">اخذ هيل</div>
            </div>
            <div class="overlap-3" id="Armor">
              <div class="img-wrapper"><img class="img" src="img/bulletproof-vest.png" /></div>
              <div class="text-wrapper-2">اخذ درع</div>
            </div>
            <div class="overlap-4" id="food">
              <div class="img-wrapper"><img class="img" src="img/street-food.png" /></div>
              <div class="text-wrapper-3">اخذ اكل و شرب</div>
            </div>
            <div class="overlap-5" id="Gun">
              <div class="img-wrapper"><img class="img" src="img/assault-rifle.png" /></div>
              <div class="text-wrapper-4">اخذ اسلحة</div>
            </div>
            <div class="overlap-6" id="Car">
              <div class="img-wrapper"><img class="img" src="img/f1-car.png" /></div>
              <div class="text-wrapper-5">اخذ مركبة عشوائيه</div>
            </div>
            <div class="overlap-7" id="Helmet">
              <div class="img-wrapper"><img class="img" src="img/pubg-helmet.png" /></div>
              <div class="text-wrapper-6">خوذة حرارية</div>
            </div>
            <div class="overlap-8" id="Teleport">
              <div class="img-wrapper"><img class="img" src="img/place-marker.png" /></div>
              <div class="text-wrapper-7">مناطق الانتقال</div>
            </div>
            <div class="overlap-9" id="fixCar">
              <div class="img-wrapper"><img class="img" src="img/car-service.png" /></div>
              <div class="text-wrapper-8">اصلاح السيارة</div>
            </div>
            <div class="overlap-10" id="Carplate">
              <div class="img-wrapper"><img class="img" src="img/licence-plate.png" /></div>
              <div class="text-wrapper-9">تغير رقم اللوحة</div>
            </div>
          </div>
          <div class="div-wrapper"><div class="text-wrapper-10">VIP Menu</div></div>
        </div>
        <div class="overlap-11">
          <div class="rectangle"></div>
          <img class="discord-bubble" id="serverdiscord" src="img/discord-bubble.png" />
          <img class="close-window" id="close" src="img/close-window.png" />
        </div>
      </div>
    </div>

    <div class="h-plate">
      <div class="overlap-group-wrapper">
        <div class="overlap-group">
          <div class="overlap">
            <textarea class="div-wrapper" id="textplate" maxlength="8">
              <div class="text-wrapper">اكتب اللوحة الجديدة:</div>
            </textarea>
            <div class="div">
              <div class="btn-plate" id="send-plate"></div>
              <div class="text-wrapper-2">تغير</div>
            </div>
          </div>
          <div class="overlap-2"><div class="text-wrapper-3">VIP Menu</div></div>
        </div>
      </div>
    </div>

    <div class="h-discord">
      <div class="overlap-group-wrapper">
        <div class="overlap-group">
          <textarea class="discord-link" maxlength="31" ></textarea>
          <div class="text-wrapper2223">رابط الديسكورد</div>
        </div>
      </div>
    </div>

    <div class="h-TP">
      <div class="div">
        <div class="overlap">
          <div class="overlap-group">
            <div class="overlap-2" id="m8r-vip">
              <div class="img-wrapper"><img class="castle" src="img/castle-1.png" /></div>
              <div class="text-wrapper">المقر</div>
            </div>
            <div class="overlap-3" id="mlkyah">
              <div class="img-wrapper"><img class="crown" src="img/crown-1.png" /></div>
              <div class="text-wrapper-2">الملكية</div>
            </div>
            <div class="overlap-4" id="bank">
              <div class="img-wrapper"><img class="img" src="img/banking-1.png" /></div>
              <div class="text-wrapper-3">البنك المركزي</div>
            </div>
            <div class="overlap-5" id="respawn">
              <div class="img-wrapper"><img class="img" src="img/home-1.png" /></div>
              <div class="text-wrapper-4">الريسبون</div>
            </div>
            <div class="overlap-6" id="police">
              <div class="img-wrapper"><img class="police-station" src="img/police-station-1.png" /></div>
              <div class="text-wrapper-5">مركز الشرطة</div>
            </div>
            <div class="overlap-7" id="ems">
              <div class="img-wrapper"><img class="hospital" src="img/hospital-1.png" /></div>
              <div class="text-wrapper-6">المستشفى</div>
            </div>
          </div>
          <div class="div-wrapper"><div class="text-wrapper-7">VIP Menu</div></div>
        </div>
        <div class="overlap-group-2">
          <div class="rectangle"></div>
          <img class="close-window" id ="close3" src="img/close-window.png" />
        </div>
      </div>
    </div>

    <script src="nui://game/ui/jquery.js" type="text/javascript"></script>
    <script src="./index.js" type="text/javascript"></script>
  </body>
</html>
