index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8"/>
	
	<meta name="description" content="">
	<meta name="author" content="">
	
	<link rel="shortcut icon" href="img/favicon.png"/>
	
	<!-- CSS -->
	<link rel="stylesheet" href="css/style.css" media="screen"/>
	
	<!-- jQuery Library-->
	<script src="js/jQuery.min.js"></script>
	
	<script src="js/jQuery.connectionChecker.js"></script>
	<script src="js/functions.js"></script>

	<title>Connection Checker</title>
</head>
<body>
	<div id="status" class="">
		
		<div class="ring">
			<h2>checking</h2>
		</div>
		
		<!-- put here your audio files for a notification -->
		<audio preload="auto" autobuffer id="online_Sound"> 
			<source src="audio/online.m4a" />
			<source src="audio/online.wav" />
		</audio>
		<audio preload="auto" autobuffer id="offline_Sound"> 
			<source src="audio/offline.m4a" />
			<source src="audio/offline.wav" />
		</audio>
	</div>
</body>
</html>