{{-- Page Layout--}}
@extends('website.template.layout')

{{-- Page Title--}}
@section('title',  '404')


{{-- Page CSS--}}
@section('page_css')
<style type="text/css">
    header {
                background: #fff;
                padding: 10px 0;
    }
    .logo img {
                width: 20%;
    }
    section.error {
                margin-top: 73px;
                padding: 7rem 0;
                text-align: center;
    }
    footer {
                position: absolute;
                bottom: 0;
                width: 100%;
    }
</style>
@endsection

@section('page_content')
    <section class="error">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="text-black">404 Error</h1>
                    <p>Oops...This page doesn't exist, or may have been modified.</p>
                </div>
            </div>
        </div>
    </section>

@endsection