@extends('layouts.error')

@section('title')
    Error 404
@endsection

@section('header-style')
	<!--Load custom style link or css-->

@endsection

@section('content')
    <!-- error 404 -->
    <section class="row flexbox-container">
        <div class="col-xl-6 col-md-7 col-9">
            <div class="card bg-transparent shadow-none">
                <div class="card-content">
                    <div class="card-body text-center">
                        <h1 class="error-title">Page Not Found :(</h1>
                        <img class="img-fluid" src="{{asset('/assets/images/pages/404.png')}}" alt="404 error">
                        <p class="pb-3"> We couldn't find the page you are looking for</p>
                        <a href="{{url('/')}}" class="btn btn-primary round glow mt-3">BACK
                            TO
                            HOME</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- error 404 end -->

@endsection

@section('footer-script')
	<!--Load custom script-->

@endsection