Untitled

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="og:title" content="HydrexPvP">
  <meta name="og:image" content="https://jacobyz.com/vbi4.png">
  <meta name="og:description" content="Hydrex is a Minecraft 1.8.+ KitPvP server, with a fully custom system. The time and effort put into this project doesnt even compare to other Minecraft-PvP servers.">
  <meta name="og:card" content="summary_large_image">
  <meta name="og:viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="og:author" content="Hydrex">
  <meta name="og:keywords" content="PvP, Minecraft PvP, KitPvP, Server, HydrexPvP, Hydrex">
  <meta property="og:url" content="https://www.hydrexpvp.us/">
  <title>HydrexPvP | Home</title>
  <!-- Favicon -->
  <link href="./assets/img/brand/favicon.ico" rel="icon" type="image/png">
  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet">
  <!-- Icons -->
  <link href="./assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
  <link href="./assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
  <!-- Argon CSS -->
  <link type="text/css" href="./assets/css/argon.css?v=1.0.1" rel="stylesheet">
  <!-- Docs CSS -->
  <link type="text/css" href="./assets/css/docs.min.css" rel="stylesheet">
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
</head>
<nav class="navbar navbar-expand-lg navbar-dark navbar-transparent">
    <div class="container">
        <a class="navbar-brand display-2" href="#">HydrexPvP</a>

        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar-default" aria-controls="navbar-default" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbar-default">
            <div class="navbar-collapse-header">
                <div class="row">
                    <div class="col-6 collapse-brand">
                        <a href="index.html">
                            <img src="assets/img/brand/blue.png">
                        </a>
                    </div>
                    <div class="col-6 collapse-close">
                        <button type="button" class="navbar-toggler" data-toggle="collapse" data-target="#navbar-default" aria-controls="navbar-default" aria-expanded="false" aria-label="Toggle navigation">
                            <span></span>
                            <span></span>
                        </button>
                    </div>
                </div>
            </div>

            <ul class="navbar-nav ml-lg-auto">
                 <li class="nav-item">
                    <a class="nav-link nav-link-icon" href="https://store.hydrexpvp.us" data-toggle="tooltip" data-placement="bottom" title="Server Store">
                        <i style="color:#FFD700;" class="fas fa-shopping-cart"></i>
                        <span class="nav-link-inner--text d-lg-none">Store</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-icon" href="https://discord.gg/rK3689p" data-toggle="tooltip" data-placement="bottom" title="Discord Server">
                        <i class="fab fa-discord"></i>
                        <span class="nav-link-inner--text d-lg-none">Discord</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-icon" href="rules" data-toggle="tooltip" data-placement="bottom" title="Global Rules">
                     <i class="fas fa-book"></i>
                       <span class="nav-link-inner--text d-lg-none">Rules</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-icon" href="stats" data-toggle="tooltip" data-placement="bottom" title="Statistics">
                        <i class="fas fa-signal"></i>
                        <span class="nav-link-inner--text d-lg-none">Stats</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-icon" href="bans" data-toggle="tooltip" data-placement="bottom" title="Punishments">
                        <i class="fas fa-user-slash"></i>
                        <span class="nav-link-inner--text d-lg-none">Punishments</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a class="nav-link nav-link-icon" href="appeals" data-toggle="tooltip" data-placement="bottom" title="Appeals">
                        <i class="fas fa-gavel"></i>
                        <span class="nav-link-inner--text d-lg-none">Appeals</span>
                    </a>
                </li>
                <li class="nav-item dropdown">
                    <a class="nav-link nav-link-icon" href="#" id="navbar-default_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="ni ni-settings-gear-65"></i>
                        <span class="nav-link-inner--text d-lg-none">Settings</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbar-default_dropdown_1">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
            </ul>

        </div>
    </div>
</nav>
  <main>
    <button onclick="topFunction()" id="backUpBtn" title="Go to top" data-toggle="tooltip" data-placement="bottom" title="Back to the top"><i class="ni ni-bold-up"></i></button>
    <div class="background_image container_background">
      <img src='https://jacobyz.com/d35c.png'>
      <!-- Hero for FREE version -->
        <!-- Background circles -->
      </div>
      <div align="center" class="centered">
        <div class="container_background">
          <img src="https://jacobyz.com/z05p.png">
          <script>
            $.ajax({
                url: 'http://mcapi.ca/query/play.hydrexpvp.us/players',
                type: 'GET',
                success: (data) => {
                    let json = JSON.parse(data);
                    // do stuff with data
                },
                error: () => {
                    // error callback
                }
            });
        </script>
        <span class="player-count"></span>
        </div>
        <div classs="centered">
          <i class="fas fa-chevron-down"></i>
        </div>
        </div>
       </div>
      </div>
   </main>
</html>