@extends('front.layout.app')

@section('page_content')
    <!-- Page Header Start -->
    <div class="container-fluid bg-dark p-5">
        <div class="row">
            <div class="col-12 text-center">
                <h1 class="display-4 text-white">Error 404</h1>
                <a href="">Home</a>
                <i class="fa fa-arrow-right text-primary px-2"></i>
                <a href="">Error 404</a>
            </div>
        </div>
    </div>
    <!-- Page Header End -->
    
    <!-- Blog Start -->
    <div class="container-fluid py-6 px-5">
        <div class="row g-5">
            <div class="col-lg-8 offset-lg-2">
                <!-- Blog Detail Start -->
                <div class="mb-5">
                    <img class="img-fluid w-100 mb-5" src="front/img/Explained_-Error-404-Not-Found.jpg" alt="">
                    <h1 class="mb-4  text-center">Page Not Found</h1>
                    <div class="content text-center">
                        Page you were looking for might have been removed, had its name changed, or is temporarily unavailable.
                    </div>
                </div>
                <!-- Blog Detail End -->
                
            </div>

        </div>
    </div>
    <!-- Blog End -->
@stop