"Maintenance (fr)"
Bootstrap 3.0.0 Snippet by Irixo

Post to Facebook Tweet this

<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 ----------> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Maintenance en cours - YOURSITENAME</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="error-template"> <h1> :) Oops!</h1> <h2> Temporairement hors ligne</h2> <h2>Maintenance en cours</h2> <h1> Nous revenons bientôt</h1> <div> <p> Désolé du dérangement, nous améliorons sans cesse notre site. Nous reviendrons en ligne très rapidement!</p> <p> — L'Équipe</p> </div> <div class="error-actions"> <a href="#" style="margin-top: 10px;" class="btn btn-info btn-lg"><span class="glyphicon glyphicon-home"> </span>NOMDEVOTREPAGEPRINCIPALE</a> </div> </div> </div> </div> </div> <script type="text/javascript"> </script> </body> </html>
<style type="text/css"> @import url(http://fonts.googleapis.com/css?family=Roboto); * { font-family: 'Roboto' , sans-serif; } body { background-image: linear-gradient(to right, #8e9eab, #eef2f3); width: 400px; height: 300px; } .error-template { position: relative; left: 1200px; top: 150px; padding: 40px 15px; text-align: center; } .error-actions { margin-top: 15px; margin-bottom: 15px; } .error-actions .btn { margin-right: 10px; } .message-box h1 { color: #252932; font-size: 98px; font-weight: 700; line-height: 98px; text-shadow: rgba(61, 61, 61, 0.3) 1px 1px, rgba(61, 61, 61, 0.2) 2px 2px, rgba(61, 61, 61, 0.3) 3px 3px; } </style>

Related: See More

Paper Kit 2 PRO

Questions / Comments: