clean 403 404 500

public/500.html

@@ -1,26 +1,28 @@
-<!DOCTYPE html>
-<html>
+<!DOCTYPE HTML>
+<html lang="en-US">
 <head>
-  <title>We're sorry, but something went wrong (500)</title>
-  <style type="text/css">
-    body { background-color: #fff; color: #666; text-align: center; font-family: arial, sans-serif; }
-    div.dialog {
-      width: 25em;
-      padding: 0 4em;
-      margin: 4em auto 0 auto;
-      border: 1px solid #ccc;
-      border-right-color: #999;
-      border-bottom-color: #999;
-    }
-    h1 { font-size: 100%; color: #f00; line-height: 1.5em; }
-  </style>
+	<meta charset="UTF-8">
+	<title></title>
+	<link rel="stylesheet" type="text/css" href="stylesheets/error-pages.css" media="all"/>
 </head>
-
 <body>
-  <!-- This file lives in public/500.html -->
-  <div class="dialog">
-    <h1>We're sorry, but something went wrong.</h1>
-    <p>We've been notified about this issue and we'll take a look at it shortly.</p>
-  </div>
+	<style type="text/css">
+	body {
+		margin: 0;
+		padding: 40px 0 0 0;
+		background-color: #F3F3F3;
+	}
+	</style>
+	<!-- Error Pages Start Here -->
+	<div id="error-page">
+		<div class="card">
+			<div class="figure code-500"></div>
+			<div class="message">
+				<h1>We're Sorry</h1>
+				<p>We’ve been notified about this issue and we’ll take a look at it shortly.</p>
+			</div>
+		</div>
+	</div>
+	<!-- Error Pages End Here -->
 </body>
-</html>
+</html>