<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.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 class="text-danger"> Erreur 404</h2> <div class="error-details"> Désolée, une erreur s'est produite, la page recherchée est introuvable! </div> <div class="error-actions"> <a href="#" class="btn btn-primary btn-lg"><span class="glyphicon glyphicon-home"></span> Page d'accueil</a> <br><br> <div class="input-group col-sm-4 col-sm-offset-4"> <input type="text" class="form-control" placeholder="Recherche..."> <span class="input-group-btn"> <button class="btn btn-default" type="button">OK</button> </span> </div><!-- /input-group --> </div> </div> </div> </div> </div>

.error-template {padding: 40px 15px;text-align: center;} .error-actions {margin-top:15px;margin-bottom:15px;} .error-actions .btn { margin-right:10px; } *{border-radius:0px!important; -moz-border-radius:0px!important; -webkit-border-radius:0px!important; -o-border-radius:0px!important}