@extends('layouts.guest')
    @section('content')
        <div class="row">
          <div class="col-sm-12 col-lg-offset-3 col-lg-6">
            <i class="fa fa-cog fa-5x" aria-hidden="true"></i>
            <div class="animated bounceIn text-left">
              <h2>Our site is getting a little tune up and some love.</h2>
              <div>
                {{-- Reason:
                <p>{{ json_decode(file_get_contents(storage_path('framework/down')), true)['message'] }}</p> --}}
                <p>We apologize for the inconvenience, but we're performing some maintenance. You can still contact us at <a href="mailto:system@onethird.co">system@onethird.co</a>. We'll be back up soon!</p>
                <p>&mdash; One Third Technologies Pte Ltd</p>
              </div>
            </div>
          </div>
        </div>
    @stop

    @section('css')
      <style type="text/css">
        html {font-size: 16px; height:100% }
        body {font: 20px Helvetica, sans-serif; color: #333; text-align: center; height: 100%;}
        .container{display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%;}
        h2 {font-size: 50px; font-weight: bold !important; margin-bottom: 1rem;}
        p {font-size: 1.5rem; margin-bottom: 1rem;}
        a {color: #dc8100; text-decoration: none;}
      </style>
    @endsection