@extends('hiremee-revamp.layouts.main-layout')
@section('pageTitle', 'Page Not Found')
@section('content')
<style>
.hm-error-page{
	font-family: "Rubik", sans-serif !important;
}
.hm-error-page h2{
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 1.2;
	margin-bottom: 0px;
}
.hm-error-page h5{
    font-size: 18px;
    font-weight: 400;
}
.hm-tm-contact {
    margin-bottom: 14px;
    margin-top: 7px;
}
.hm-tm-contact p {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 0px;
}
.hm-tm-contact p a {
    color: #4CAF50;
}
.error-btn-cont a{    
	color: #4CAF50;
    padding: 4px 14px;
    border: 1px solid #1e1e1e;
    border-radius: 6px;
	display: inline-block;
	margin-bottom: 20px;
}
.error-btn-cont a:hover,
.error-btn-cont a:focus{
	background-color:#4CAF50;
	border-color: #4CAF50;
	color: #fff;
}
@media screen and (max-width: 760px) {
	.hm-error-page h2{
		font-size: 26px;
	}
	.hm-error-page h5{
		font-size: 16px;
	}

}
</style>
	<div class="container">
		<div class="row justify-content-center text-center">
			<div class="col-md-12">
				<div class="hm-error-page">
					<div class="col-6 col-md-5 col-lg-3 mx-auto">
						<img class="img-fluid margin-bottom-14 padding-top-5" width="500" height="500" src="{{{ URL::asset('assets/hiremee-revamp/images/404-error.png')}}}" alt="error_404">
					</div>
					<div class="error-code d-none">404</div>
					<h2>Page not Found</h2>
					<h5>Page you are looking for does not exists</h5>
					<div class="hm-tm-contact">
						<p>Mail to <a href="mailto:contact@hiremee.co.in" target="_blank">contact@hiremee.co.in</a></p>
            		</div>
					<div class="error-btn-cont">
						<a href="{{ secure_url('/') }}">Back to Home</a>
						<a href="{{ secure_url('contact-us') }}" class="ms-2">Contact us</a>
					</div>
				</div>
			</div>
		</div>
	</div>
@endsection