<style>
body {
  padding: 60px 15px;
}
#box-development-mode {
  display: block;
  text-align: center;
  padding: 30px;
  border-radius: 0px 25px 0px 25px;
  background: #fff;
  box-shadow: 0px 0px 60px rgba(0,0,0,0.25);
  margin: 0 auto;
  max-width: 640px;
}
#box-development-mode img {
  max-width: 250px;
  max-height: 60px;
}
</style>

<div class="fourteen-forty">
  <main id="content">
    <section id="box-development-mode">
      <img src="<?php echo document::href_link('images/logotype.png'); ?>" alt="<?php echo settings::get('store_name'); ?>" title="<?php echo settings::get('store_name'); ?>">
      <hr>
      <h1><?php echo language::translate('development_mode:title', 'Development Mode'); ?></h1>
      <p><?php echo language::translate('development_mode:description', 'This site is in development mode and is only available to administrators.'); ?></p>
    </section>
  </main>
</div>