@extends('layouts.authenticated')
@section('title','404')
@section('style')
    <style>
        h1 {
            font-size: 50px;
        }
        article {
            display: block;
            text-align: left;
            width: 650px;
            margin: 0 auto;
        }

        a {
            color: #dc8100;
            text-decoration: none;
        }

        a:hover {
            color: #333;
            text-decoration: none;
        }
    </style>
@endsection
@section('content')
    <article>
        <i class="fa fa-exclamation-triangle text-center" style="color: orange;font-size: 100px">Oops!</i>
        <h1>404  Page not found</h1>
        <div>
            <p>Sorry, The page you are looking for might have been removed had its name changed or is temporarily unavailable.  <a href="/home">Let's come home</a>
            <p>&mdash; SSI Development Team</p>
        </div>
    </article>
@endsection