@extends('layouts.index')

@push('css')
  <!-- Fonts -->
  {{-- <link href="https://fonts.googleapis.com/css?family=Nunito:200,600" rel="stylesheet"> --}}

  <!-- Styles -->
  <style>


      .full-height {
          height: 60vh;
      }

      .flex-center {
          align-items: center;
          display: flex;
          justify-content: center;
      }
      .title{
        font-size: 50px;
      }

      .font-24{
        font-size: 24px;
      }
  </style>
@endpush

@section('content')
    <div class="flex-center  full-height">
        <div class="content text-center">
            <div class="card-body py-5 my-5 text-center text-dark">
                <h4> <img src="{{ asset('images/empty-box.png') }}" alt="empty"></h4>
                <h1 class=" title text_1 fb-700 ">{{__('lang.404Error!')}}</h1>
                <h5  class="my-3 text_3 fb-700 py-4">{!! __('lang.pageNotFound') !!}  </h5>
                <a aria-label="go to home page" class="btn light-btn p-3 my-3" href="{{route('home')}}" >{{__('lang.homePage')}}</a>
            </div>

        </div>

    </div>



@endsection