@extends('layouts.app1')
@section('content')
    <div class="center" style="position:absolute;top:50%;transform:translate(35%, -60%);">
        <div style="font-size:100px;font-weight:bold;">404</div>
        <h3 class="h3 mb-3"><i class="fas fa-exclamation-triangle"></i> Oops! Page not found!</h3>
        <p class="h5 font-weight-normal">The page you requested was not found.</p>
        <a href="{{route('dashboard')}}" class="btn btn-primary rounded-pill mt-2">Back to Home</a>
    </div>
@endsection
<style>
    .center {
        margin: auto;
        width: 60%;
        padding: 10px;
        text-align:center;
    }
</style>