@extends('layouts.site')

@section('title','Cnnx: Page not found')

@section('css-includes')

@endsection

@section('content')

    <!-- Start Content-->
    <div class="container-fluid">

        <div class="row justify-content-center">
            <div class="col-lg-6 col-xl-4 mb-4">
                <div class="error-text-box">
                    <svg viewBox="0 0 600 200">
                        <!-- Symbol-->
                        <symbol id="s-text">
                            <text text-anchor="middle" x="50%" y="50%" dy=".35em">404!</text>
                        </symbol>
                        <!-- Duplicate symbols-->
                        <use class="text" xlink:href="#s-text"></use>
                        <use class="text" xlink:href="#s-text"></use>
                        <use class="text" xlink:href="#s-text"></use>
                        <use class="text" xlink:href="#s-text"></use>
                        <use class="text" xlink:href="#s-text"></use>
                    </svg>
                </div>
                <div class="text-center">
                    <h3 class="mt-0 mb-2">Whoops! Page not found </h3>
                    <p class="text-muted mb-3">It's looking like you may have taken a wrong turn. Don't worry...
                        it happens to the best of us. You might want to check your internet connection.
                        Here's a little tip that might help you get back on track.</p>

                    <a href="index.html" class="btn btn-success waves-effect waves-light">Back to Dashboard</a>
                </div>
                <!-- end row -->

            </div> <!-- end col -->
        </div>
        <!-- end row -->


    </div> <!-- container -->

@endsection

@section('js-includes')
<!-- App js-->
<script src="{{ asset('js/vendor.min.js')}}"></script>
<script src="{{ asset('js/app.min.js')}}"></script>

@endsection