@extends('website.'.$device.'.layouts.app')

@section('title', '404')

@section('main')
    <div class="box">
        <div class="container">
            <div class="d-error">
                <lottie-player class="lottie-play" src="{{ asset('frontend') }}/assets-desktop/js/404lottie.json" background="transparent" speed="1" width="100%"
                        hight="100%" style="width: 283px; height: 225px;" loop autoplay></lottie-player>
            </div>

            <p class="error-head">Oops! Page not found!</p>
            <span class="error-subhead">We couldn’t find what you searched for. Explore our other tools</span>

            <a href="/" class="page-link">Go to Home Page
            <svg width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12.375 3.63867L16.875 9.26367M16.875 9.26367L12.375 14.8887M16.875 9.26367H1.125" stroke="white"
                    stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" />
            </svg>

            </a>

            <div class="list-wrpr">
                <div class="single-box">
                    <p class="detail">
                        <span class="head-name">University Finder</span>
                        <a href="/finder/university" class="explore-link">Explore Now
                            <svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M5.45163 4.1931L0.918518 0.124723C0.847651 0.0611215 0.751537 0.0253906 0.651316 0.0253906C0.551096 0.0253906 0.454981 0.0611215 0.384115 0.124723C0.313248 0.188324 0.273437 0.274587 0.273438 0.364533C0.273437 0.454479 0.313248 0.540741 0.384115 0.604342L4.65039 4.43325L0.384115 8.26215C0.313248 8.32575 0.273437 8.41201 0.273438 8.50196C0.273437 8.59191 0.313248 8.67817 0.384115 8.74177C0.454981 8.80537 0.551096 8.8411 0.651316 8.8411C0.751537 8.8411 0.847651 8.80537 0.918518 8.74177L5.45163 4.67339C5.48688 4.64191 5.51486 4.60449 5.53395 4.56328C5.55304 4.52207 5.56286 4.47788 5.56286 4.43325C5.56286 4.38862 5.55304 4.34442 5.53395 4.30321C5.51486 4.262 5.48688 4.22458 5.45163 4.1931Z"
                                    fill="#24292D" />
                            </svg>
                        </a>
                    </p>
                    <img src="{{ asset('frontend') }}/assets-desktop/images/university.svg" alt="university" width="100%" height="100%">
                </div>

                <div class="single-box">
                    <p class="detail">
                        <span class="head-name">Course Finder</span>
                        <a href="/finder/courses" class="explore-link">Explore Now
                            <svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M5.45163 4.1931L0.918518 0.124723C0.847651 0.0611215 0.751537 0.0253906 0.651316 0.0253906C0.551096 0.0253906 0.454981 0.0611215 0.384115 0.124723C0.313248 0.188324 0.273437 0.274587 0.273438 0.364533C0.273437 0.454479 0.313248 0.540741 0.384115 0.604342L4.65039 4.43325L0.384115 8.26215C0.313248 8.32575 0.273437 8.41201 0.273438 8.50196C0.273437 8.59191 0.313248 8.67817 0.384115 8.74177C0.454981 8.80537 0.551096 8.8411 0.651316 8.8411C0.751537 8.8411 0.847651 8.80537 0.918518 8.74177L5.45163 4.67339C5.48688 4.64191 5.51486 4.60449 5.53395 4.56328C5.55304 4.52207 5.56286 4.47788 5.56286 4.43325C5.56286 4.38862 5.55304 4.34442 5.53395 4.30321C5.51486 4.262 5.48688 4.22458 5.45163 4.1931Z"
                                    fill="#24292D" />
                            </svg>
                        </a>
                    </p>
                    <img src="{{ asset('frontend') }}/assets-desktop/images/course.svg" alt="course" width="100%" height="100%">
                </div>

                <div class="single-box">
                    <p class="detail">
                        <span class="head-name">Finance and Scholarships</span>
                        <a href="/finder/scholarship" class="explore-link">Explore Now
                            <svg width="6" height="9" viewBox="0 0 6 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path
                                    d="M5.45163 4.1931L0.918518 0.124723C0.847651 0.0611215 0.751537 0.0253906 0.651316 0.0253906C0.551096 0.0253906 0.454981 0.0611215 0.384115 0.124723C0.313248 0.188324 0.273437 0.274587 0.273438 0.364533C0.273437 0.454479 0.313248 0.540741 0.384115 0.604342L4.65039 4.43325L0.384115 8.26215C0.313248 8.32575 0.273437 8.41201 0.273438 8.50196C0.273437 8.59191 0.313248 8.67817 0.384115 8.74177C0.454981 8.80537 0.551096 8.8411 0.651316 8.8411C0.751537 8.8411 0.847651 8.80537 0.918518 8.74177L5.45163 4.67339C5.48688 4.64191 5.51486 4.60449 5.53395 4.56328C5.55304 4.52207 5.56286 4.47788 5.56286 4.43325C5.56286 4.38862 5.55304 4.34442 5.53395 4.30321C5.51486 4.262 5.48688 4.22458 5.45163 4.1931Z"
                                    fill="#24292D" />
                            </svg>
                        </a>
                    </p>
                    <img src="{{ asset('frontend') }}/assets-desktop/images/finance.svg" alt="finance" width="100%" height="100%">
                </div>
            </div>
        </div>
    </div>
@endsection

@section('css')
	<link rel="stylesheet" type="text/css" href="{{ asset('frontend') }}/assets-desktop/css/404-page.css?v={{ env('ASSETS_VERSION') }}">
@endsection

@section('script')
    <script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
@endsection