@extends('layout.mainlayout')
@section('content')
  
<div class="error-box">
    <img src="{{URL::asset('build/img/error/img-01.svg')}}" alt="img" class="img-fluid bg-01">
    <img src="{{URL::asset('build/img/error/img-02.svg')}}" alt="img" class="img-fluid bg-02">
    <img src="{{URL::asset('build/img/error/img-03.svg')}}" alt="img" class="img-fluid bg-03">
    <img src="{{URL::asset('build/img/error/img-04.svg')}}" alt="img" class="img-fluid bg-04">
    <img src="{{URL::asset('build/img/error/img-05.svg')}}" alt="img" class="img-fluid bg-05">
    <img src="{{URL::asset('build/img/error/img-06.svg')}}" alt="img" class="img-fluid bg-06">
    <div class="error-logo">
        <a href="{{url('index')}}">
            <img src="{{URL::asset('build/img/logo.svg')}}" class="img-fluid" alt="Logo">
        </a>
    </div>
    <div class="error-box-img">
        <img src="{{URL::asset('build/img/error/error-01.svg')}}" alt="Img" class="img-fluid" >
    </div>
    <h3 class="h2 mb-3"> Oh No! Error <span class="text-secondary ms-1">404</span></h3>
    <p class="h4 font-weight-normal">This page you requested counld not found. May the force be with you!</p>
    <a href="{{url('index')}}" class="btn back-to-home-btn"><i class="isax isax-arrow-left-2 me-1"></i> Back to Home</a>
</div>

@endsection