Here you can find World most beautiful error templates, you can upload on your server and can set custom error templates by using htaccess: Here is the htaccess code to use custom error templates
ErrorDocument 400 /400.html
ErrorDocument 401 /401.html
ErrorDocument 403 /403.html
ErrorDocument 404 /404.html
ErrorDocument 500 /500.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ouch! - 404</title>
<style type="text/css">
h1.error {
left: 0;
line-height: 200px;
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
font-size: 15em;
color: #dadada;
-webkit-text-fill-color: #dadada;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
</style>
</head>
<body>
<h1 class="error">404</h1> </body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ouch! - 403</title>
<style type="text/css">
h1.error {
left: 0;
line-height: 200px;
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
font-size: 15em;
color: #dadada;
-webkit-text-fill-color: #dadada;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
</style>
</head>
<body>
<h1 class="error">403</h1> </body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Ouch! - 500</title>
<style type="text/css">
h1.error {
left: 0;
line-height: 200px;
margin-top: -100px;
position: absolute;
text-align: center;
top: 50%;
width: 100%;
font-size: 15em;
color: #dadada;
-webkit-text-fill-color: #dadada;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: black;
}
</style>
</head>
<body>
<h1 class="error">500</h1> </body>
</html>
Thank you all! :)