Untitled

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='styles/main.css'>
	<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script>
	</head>
<?php
  function hd($job = ""){
    $name = name;
	$query = file_get_contents('http://mcapi.ca/query/saovn.xyz/info');
        $json = json_decode($query, true);
    echo '<div class="notis"></div>';
    echo "<div class='header'>";
      echo "<div class='layer'></div>";
	  echo "<br></br>";
	  echo "<br></br>";
	  echo "<br></br>";
        echo "<h1><font face='Orator Std' color='white'>SERVER MINECRAFT VIỆT NAM</font></h1>";
		echo "<br></br>";
		echo "<h1><button class='button'><font size='3' face='Comic sans MS' color='white'>ONLINE:<font color='3366cc'><big> {$json["players"]["online"]}</font></font></button></h1>";
		echo "<br></br>";

      if($job == ""){
      }else {
        echo "<h2><font face='Comic sans MS' color='white'><mark>$job</mark></font></h2>";
      }
    echo "</div>";
  }
?>
<script>
        $('button').click(function(event) {
   event.preventDefault();
   $('html, body').animate({ scrollTop: $(document).height() }, 1000);
});
</script>