"Simple 404 Not Found Page"
Bootstrap 3.0.0 Snippet by BhaumikPatel

<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="error-template"> <h1> Oops!</h1> <h2> 404 Not Found</h2> <div class="error-details"> Sorry, an error has occured, Requested page not found! </div> <div class="error-actions"> <a href="http://www.jquery2dotnet.com" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-home"></span> Take Me Home </a><a href="http://www.jquery2dotnet.com" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-envelope"></span> Contact Support </a> </div> </div> </div> </div> </div>
body { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABZ0RVh0Q3JlYXRpb24gVGltZQAxMC8yOS8xMiKqq3kAAAAcdEVYdFNvZnR3YXJlAEFkb2JlIEZpcmV3b3JrcyBDUzVxteM2AAABHklEQVRIib2Vyw6EIAxFW5idr///Qx9sfG3pLEyJ3tAwi5EmBqRo7vHawiEEERHS6x7MTMxMVv6+z3tPMUYSkfTM/R0fEaG2bbMv+Gc4nZzn+dN4HAcREa3r+hi3bcuu68jLskhVIlW073tWaYlQ9+F9IpqmSfq+fwskhdO/AwmUTJXrOuaRQNeRkOd5lq7rXmS5InmERKoER/QMvUAPlZDHcZRhGN4CSeGY+aHMqgcks5RrHv/eeh455x5KrMq2yHQdibDO6ncG/KZWL7M8xDyS1/MIO0NJqdULLS81X6/X6aR0nqBSJcPeZnlZrzN477NKURn2Nus8sjzmEII0TfMiyxUuxphVWjpJkbx0btUnshRihVv70Bv8ItXq6Asoi/ZiCbU6YgAAAABJRU5ErkJggg==);} .error-template {padding: 40px 15px;text-align: center;} .error-actions {margin-top:15px;margin-bottom:15px;} .error-actions .btn { margin-right:10px; }

Related: See More


Questions / Comments:

Be simple to be Nice , my conclusion from those templates , thanks a lot =D

Faiçal Asmai () - 1 year ago - Reply 0


I liked the simplicity of this design. Few Years back when IE was dominant, there used to be the annoying default page for 404.Gladly things have changed now. Anyway thanks. Also if someone wanna check the Story behind 404 then it can be read here http://abbasharoon.me/404-r...

Abbas Haroon () - 2 years ago - Reply 0


Very handy i agree!

Ellahworks.com () - 3 years ago - Reply 0


thanks, inspired me to modify it

Adi Fahmi () - 3 years ago - Reply 0


This is perfect! Thank you!

Sri () - 3 years ago - Reply 0


Gracias muy bueno :D

Angel Buzany () - 3 years ago - Reply 0


Word occurred is misspelled.

Slobodan Stanić () - 3 years ago - Reply 0


Nice, thanks a lot :D

Thos Tampol () - 4 years ago - Reply 0


Super! Danke für das Bereitstellen. :-)

Mario () - 5 years ago - Reply 0


Very handy 404 page. Thanks for sharing BhaumikPatel :)

AZU AZU () - 5 years ago - Reply 0