diff --git a/ungleich_page/templates/ungleich_page/404.html b/ungleich_page/templates/ungleich_page/404.html
index 2fbac545..c3cd260d 100644
--- a/ungleich_page/templates/ungleich_page/404.html
+++ b/ungleich_page/templates/ungleich_page/404.html
@@ -1,27 +1,59 @@
{% load staticfiles%}
<!DOCTYPE html>
-<html>
- <head>
- <link href="{% static 'ungleich_page/css/404.css' %}" rel="stylesheet">
- <title>404 | ungleich</title>
- </head>
- <body>
+<html lang="en">
- <div class="error">
- <div class="error-code m-b-10 m-t-20">404 <i class="fa fa-warning"></i></div>
- <h3 class="font-bold">We couldn't find the page..</h3>
+<head>
- <div class="error-desc">
- Sorry, but the page you are looking for was either not found or does not exist. <br/>
- Try refreshing the page or click the button below to go back to the Homepage.
- <div>
- <a class=" login-detail-panel-button btn" href="{% url 'ungleich_page:landing' %}">
- <i class="fa fa-arrow-left"></i>
- Go back to Homepage
- </a>
- </div>
- </div>
- </div>
+ <meta charset="utf-8">
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="description" content="">
+ <meta name="author" content="">
+
+ <title> Page not found | ungleich </title>
+
+ <!-- Bootstrap Core CSS -->
+ <link href="{% static 'hosting/css/bootstrap.min.css' %}" rel="stylesheet">
+
+ <!-- Custom CSS -->
+ <link href="{% static 'hosting/css/landing-page.css' %}" rel="stylesheet">
+
+ <!-- Custom Fonts -->
+ <link href='http://fonts.googleapis.com/css?family=Raleway' rel='stylesheet' type='text/css'>
+ <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+ <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
+ <link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon" />
+
+ <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
+ <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
+ <!--[if lt IE 9]>
+ <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
+ <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
+ <![endif]-->
+
+</head>
+
+<body>
+ <body class="error404">
+ <div class="content-404">
+ <div class="container">
+ <div class="text-center">
+ <h1> </h1>
+ <h1>404</h1>
+ <p class-"lead">
+ "Sorry, we could not find the page you are looking for!"
+ </p>
+ </div>
+ </div>
+ </div>
+
+ <!-- Footer --><!-- jQuery -->
+ <script src="js/jquery.js"></script>
+
+ <!-- Bootstrap Core JavaScript -->
+ <script src="js/bootstrap.min.js"></script>
+
+</body>
- </body>
</html>
+