@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')
    <div class="wrapper">
        <section class="content-header">
        </section>
        <section class="content">
            <div class="container-fluid">
                <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.
                        <p>&mdash; SSI Development Team</p>
                    </div>
                </article>
            </div>
        </section>
    </div>

@endsection