@extends('site.master')
@section('main-content')



    <section class="mh-sv" style="height: 70vh;">
        <div class="container d-flex flex-column align-items-center justify-content-center h-100" >
            <div class="text-center my-3 p-3">
                <h1 class="fw-bold display-1 text-dark" style="transform: scale(1, 1.4);">404</h1>
                <div class=" fs-5 mb-2 text-dark">oops!</div>
                <div class="text-black-50 mb-2">We can't find the page that you're looking for :!</div>
                <div class="les-button mb-3">
                    <a href="{{ route('home') }}" class="btn  btn-primary rounded-pill mt-2"><i class="bi-arrow-left me-3"></i> Go Back Home</a>
                </div>
            </div>
    </section>
@endsection