Single 404 error page design usign bootstrap 4. 404 error page nice design. you can just copy past in your website project. this is sample of 404 page not found error page design. simple 404 page design usign html,css and bootstrap.

We allows to free snippets of bootstrap 404 page , you can download full code of bootstrap 4 error page layout. Here in this post i will give you example of bootstrap unauthorized page snippet and you will get simple code of html, css and jquery. In bootstrap 403 page template snippet i give you three tab with html, css and js, you can easily get code of 404 error page html code layout.


<!DOCTYPE html> <html lang="en"> <head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ" crossorigin="anonymous"></script> <link rel="stylesheet" href="custom.css"> </head> <body> <div class="container"> <div class="row text-center"> <div class="col-lg-6 offset-lg-3 col-sm-6 offset-sm-3 col-12 p-3 error-main"> <div class="row"> <div class="col-lg-8 col-12 col-sm-10 offset-lg-2 offset-sm-1"> <h1 class="m-0">404</h1> <h6>Page not found</h6> <p>Lorem ipsum dolor sit <span class="text-info">amet</span>, consectetur <span class="text-info">adipisicing</span> elit, sed do eiusmod.</p> </div> </div> </div> </div> </div> </body> </html>
body{ margin-top: 150px; background-color: #C4CCD9; } .error-main{ background-color: #fff; box-shadow: 0px 10px 10px -10px #5D6572; } .error-main h1{ font-weight: bold; color: #444444; font-size: 100px; text-shadow: 2px 4px 5px #6E6E6E; } .error-main h6{ color: #42494F; } .error-main p{ color: #9897A0; font-size: 14px; }

Please Subscribe Your Email Address, We Will Notify You When Add New Snippet:





Related Post

Bootstrap 4 user profile design usign with html and css

Bootstrap 4 user profile design usign with html and css

We provide bootstrap 4 user profile design. we provide new design of profile. bo...

Read More
Bootstrap 4 div structure and how to use bootstrap 4 div class ?

Bootstrap 4 div structure and how to use bootstrap 4 div cla...

Here We explain how to work bootstrap 4 column structure. ".col-" class work...

Read More
Bootstrap 4 new button style

Bootstrap 4 new button style

Here we create small example for bootstrap 4 new button style. you can simply us...

Read More

Random Post