offline.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Error</title>
	<style>

		body {
			font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    		font-size: 14px;
    		line-height: 1.42857143;
    		color: #333;
    		background-color: #fff;
		}

		#error {
			width:90%;
			margin:auto;
			text-align:center;
			margin-top:10em;
		}

		#error img {
			max-width:90%;
		}

		#error h1 small {
			font-weight:normal;
		}

		/* Let browser defaults do the rest */
	</style>
</head>
<body>
	<div id="error">

		<center><img src="/core/img/compass.png" width=100 /></center>

		<h1>Database cannot be reached. <br>
		<small>Please try again later</small></h1>

	</div>
</body>
</html>