app/views/404.htm
<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>Chat IO</title>
<link rel="stylesheet" href="/css/style.css">
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css'>
</head>
<body>
<a href="https://github.com/OmarElGabry/chat.io"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/38ef81f8aca64bb9a64448d0d70f1308ef5341ab/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png"></a>
<div class="container not-found-error clearfix" style="text-align: center;">
<i class="fa fa-5x fa-exclamation-triangle"></i>
<p> The page you're looking for could not be found! </p>
<p> We looked everywhere, even on the Moon<i class="fa fa-3x fa-moon-o"></i>, but we couldn't find the thing<i class="fa fa-2x fa-exclamation"></i></p>
</div> <!-- end container -->
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js'></script>
</body>
</html>