<!DOCTYPE html> <html>
<head> <meta charset="UTF-8"> <title>Down for Maintenance</title> <style type="text/css"> *{ font-family: Arial, Helvetica, sans-serif; } body{ margin: 0; background-color: #fff; } #page{ position: relative; width: 550px; margin: 200px auto; padding: 75px 0; text-align: center; background-color: #eaeaea; border: solid 1px #ccc; border-top: solid 10px #666; -moz-box-shadow: inset 0 2px 10px #ccc; -webkit-box-shadow: inset 0 2px 10px #ccc; box-shadow: inset 0 2px 10px #ccc; } header, #body{ width: 400px; margin: 0 auto; } h1{ margin: 0; color: #CC3601; font-size: 26pt; border-bottom: solid 4px #666; } #reason{ margin: 10px 0; color: #333; } </style> </head> <body> <section id="page"> <header> <h1>Down for Maintenance</h1> </header> <section id="body"> <div> {{ reason }} </div> </section> </section> </body>
</html>