@extends('layouts.start')
@section('title')
    404 Page
@endsection
@section('css')
    {{-- Css Files here --}}
@endsection
@section('content')
    <!-- start page not found section -->
    <section id="home" class="no-padding parallax mobile-height wow fadeIn" data-stellar-background-ratio="0.5"> <!--style="background-image:url('http://placehold.it/1920x1200');"-->
        <div class="opacity-full bg-extra-dark-gray"></div>
        <div class="container position-relative full-screen">
            <div class="slider-typography text-center">
                <div class="slider-text-middle-main">
                    <div class="slider-text-middle">
                        <div class="bg-black-opacity-light width-50 center-col sm-width-80">
                            <div class="padding-fifteen-all xs-padding-20px-all">
                                <span class="title-extra-large text-white font-weight-600 display-block margin-30px-bottom xs-margin-10px-bottom">404!</span>
                                <h6 class="text-uppercase text-deep-pink font-weight-500 alt-font display-block margin-5px-bottom">Page Not Found</h6>
                                <span class="text-medium-gray width-60 display-block center-col text-large sm-width-100">The page you were looking for could not be found.</span>
                                <!--<form action="#" method="post" class="position-relative">
                                    <div class="input-group-404 input-group margin-50px-tb xs-margin-20px-tb">
                                        <input name="text" id="text" data-email="required" type="text" placeholder="Enter your keywords..." class="extra-big-input border-none" />
                                        <div class="input-group-btn">
                                            <button type="submit" class="btn btn-large bg-white text-medium-gray"><i class="ti-search icon-small tz-icon-color no-margin position-raltive top-2"></i></button>
                                        </div>
                                    </div>
                                </form>-->
                                <a href="{{ route('home') }}" class="btn btn-transparent-white btn-medium text-extra-small border-radius-4"><i class="ti-arrow-left margin-5px-right no-margin-left" aria-hidden="true"></i> Back To Homepage</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- end page not found section -->
@endsection

@section('js')
    {{-- Js Files here --}}
@endsection