@extends('front_office.layouts.app')

@section('content')
    <section class="min-vh-100 d-flex align-items-center">
        <div class="container">
            <div class="row mt-lg-0 mt-8">
                <div class="col-lg-5 my-auto">
                    <h1 class="display-1 text-bolder text-gradient text-danger fadeIn1 fadeInBottom mt-5">Error 401</h1>
                    <h2 class="fadeIn3 fadeInBottom opacity-8">Access denied</h2>
                    <p class="lead opacity-6 fadeIn2 fadeInBottom">You don't have access to this page</p>
                    <a href="/admin/dashboard" type="button" class="btn bg-gradient-danger mt-4 fadeIn2 fadeInBottom">Go to Homepage</a>
                </div>
                <div class="col-lg-7 my-auto">
                    <img class="w-100 fadeIn1 fadeInBottom" src="https://demos.creative-tim.com/soft-ui-design-system-pro/assets/img/illustrations/error-404.png" alt="500-error">
                </div>
            </div>
        </div>
    </section>
@endsection