Bootstrap snippet: Simple 404 error page

designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
copy and paste the code. Use it as a complete kit or use it to start something more complex.
tags: page

<div class="container bootstrap snippet"> <div class="row"> <div class="col-md-12"> <div class="pull-right" style="margin-top:10px;"> <div class="col-md-10 col-md-offset-1 pull-right"> <img class="img-error" src=""> <h2>404 Not Found</h2> <p>Sorry, an error has occured, Requested page not found!</p> <div class="error-actions"> <a href="#" class="btn btn-primary btn-lg"> <span class="glyphicon glyphicon-arrow-left"></span> Back Home </a> </div> </div> </div> </div> </div> </div>
body { background: #2E95EF; background-image: -moz-radial-gradient(center 45deg,circle cover, #9BD1FF, #2E95EF); background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#9BD1FF), to(#2E95EF)); padding-top: 15%; } .img-error{ width:220px; height:220px; }

Simple 404 error page

  Jul 8th 2014, 08:22