Today, We want to share with you Laravel 5.8 create custom 404 Error page.In this post we will show you Show a 404 page if route not found in Laravel 5.8, hear for Laravel 5.8 – create custom 404 error page we will give you demo and example for implement.In this post, we will learn about How to create custom 404 error page in Laravel 5.8 with an example.
Laravel 5.8 create custom 404 Error page
There are the Following The simple About Laravel 5.8 create custom 404 Error page Full Information With Example and source code.
As I will cover this Post with live Working example to develop 404 error page in laravel 5.8, so the custom 404 error page laravel 5.8 for this example is following below.
Laravel 5.8 Default 404 Page:
resources/views/errors/404.blade.php
<!DOCTYPE html>
<html lang="en">
<head>
<title>create custom 404 page in laravel 5.8 project - pakainfo.com</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" ></script>
<style type="text/css">
body{
margin-top: 150px;
background-color: #3d3d3d;
}
.error-main{
background-color: #ffffff;
box-shadow: 0px 10px 10px -10px #5D6572;
}
.error-main h1{
font-weight: bold;
color: #c60000;
font-size: 100px;
text-shadow: 2px 4px 5px #6E6E6E;
}
.error-main h6{
color: #1928c6;
}
.error-main p{
color: #cd356d;
font-size: 14px;
}
</style>
</head>
<body>
<div class="pakainfo container">
<div class="row pakainfo text-center">
<div class="pakainfo col-lg-6 offset-lg-3 col-sm-6 offset-sm-3 col-12 p-3 error-main">
<div class="pakainfo row">
<div class="pakainfo col-lg-8 col-12 col-sm-10 offset-lg-2 offset-sm-1">
<h1 class="m-0 pakainfo">404</h1>
<p>Creating A Laravel 5.8 404 Page Using Custom Exception Handlers</p>
<h6>Sorry, Page not found - pakainfo.com</h6>
<p>Welcome To Our Web-site <span class="text-info">pakainfo.com</span>, Free Download Source Code <span class="text-info">Examples, Demo</span> Tutorials, And Best Solutions.</p>
</div>
</div>
</div>
</div>
</div>
</body>
</html>
Angular 6 CRUD Operations Application Tutorials
Read :
Summary
You can also read about AngularJS, ASP.NET, VueJs, PHP.
I hope you get an idea about Laravel 5.8 create custom 404 Error page.
I would like to have feedback on my Pakainfo.com blog.
Your valuable feedback, question, or comments about this article are always welcome.
If you enjoyed and liked this post, don’t forget to share.