@extends('front_office.layouts.app')

@section('content')
<header>
    @include('front_office.header.nav')
</header>

<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</h1>
                <h2 class="fadeIn3 fadeInBottom opacity-8">Something went wrong or page not found</h2>
                <p class="lead opacity-6 fadeIn2 fadeInBottom">We suggest you to go to the homepage while we solve this issue.</p>
                <a href="/" 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