<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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="error-page"> <h2>Oops!</h2> <h1 class="404error"> 404 </h1> <h2>Not Found</h2> <div class="error-details"> Sorry, an error has occured. Requested page not found! </div> <form class="form-inline"> <div class="form-group"> <label for="search">Search</label> <input type="text" class="form-control" id="search" placeholder="Search something else..."> </div> <button type="submit" class="btn btn-primary btn-large">Serch</button> </form> <div class="error-actions"> <a href="{{url('/')}}" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-home"></span> Take Me Home </a><a href="{{url('/contact-us')}}" class="btn btn-default btn-lg"><span class="glyphicon glyphicon-envelope"></span> Contact Support </a> </div> </div>

.error-page {padding: 40px 15px;text-align: center;} .error-actions {margin-top:15px;margin-bottom:15px;} .error-actions .btn { margin-right:10px; } h1.404error { font-size :100px !important; }