How to create simple 404 Error page and how to set(redirect) this page for 404 error | Sanwebcorner

How to create simple 404 Error page and how to set(redirect) this page for 404 error

In this post i will tell you how to create very simple customized 404 error page and how to set this customized error page.This means when customer enters the domain based wrong url or removed page url it shows the 404 error. So you can customize this error page and set it to the removed pages or wrong pages.

Below example shows  how to create simple 404 error page. Here i given demo page to view the page and also i given the source code you can customize this source code according to your design.


Create Simple 404 Error Page:

<html>
<head>
<title>Simple 404 Error Page Design</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:700" rel="stylesheet">
<style>
h1{
font-size:80px;
font-weight:800;
text-align:center;
font-family: 'Roboto', sans-serif;
}
h2
{
font-size:25px;
text-align:center;
font-family: 'Roboto', sans-serif;
margin-top:-40px;
}
p{
text-align:center;
font-family: 'Roboto', sans-serif;
font-size:12px;
}

.container
{
width:300px;
margin: 0 auto;
margin-top:15%;
}
</style>
</head>
<body>
<div class="container">
<h1>404</h1>
<h2>Page Not Found</h2>
<p>The Page you are looking for doesn't exist or an other error occured. Go to <a href="">Home Page.</a></p>
</div>
</body>
</html>


How to Set this 404 Error page using .htaccess

If .htaccess file exist you can edit the file and place the below code. The .htaccess file should be in root folder.
ErrorDocument 404 /404.html

If .htaccess file not exist you can create the file and put name as .htaccess file and put the below code and put it in the root directory.
ErrorDocument 404 /404.html