@extends('layout.front')

@section('title', 'Greška 404 | Krojačeva škola')
@section('add-head-tags')
    @parent
    <meta charset="UTF-8">
    <meta name="description" content="Stranica koju tražiš ne postoji ili je premještena. Vidi sve dostupne kurseve i nastavi da učiš uz Krojačevu školu – mesto gde znanje postaje veština.">
@endsection

@section('content')
<div class="page-wrapper">

    <!-- Header Account -->

    <!-- section main-container -->
    <section class="main-container">

        <div class="container">
            <div class="row">

                <!-- main-content -->
                <div class="main-content col-12">
                    <div class="error-content">
                        <div class="media">
                            <div class="media-image">
                                <img src="{{ asset('front/images/macka.png') }}" alt="Macka 404">
                            </div>
                            <!-- media-image end -->
                            <div class="media-body">
                                <h1>Greška 404</h1>
                                <p>Strana 404 je najpoznatiji HTTP status.</p>
                                <p>Pregledač vraća 404 HTML stranu kada server ne nađe dokument koji je tražen.</p>
                                <div class="button-holder">
                                    <a href="{{ route('index') }}" class="btn btn-pill-blue-45">Vrati se na početnu</a>
                                    <div class="separator"></div>
                                    <a href="{{ route('front.courses') }}" class="btn btn-pill-magenta-45">Kursevi</a>
                                </div>
                            </div>
                            <!-- media-body end -->
                        </div>
                        <!-- media end -->
                    </div>
                    <!-- error-content end -->
                </div>
                <!-- main-content end -->

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

    </section>
    <!-- main-container end -->

    <!-- Footer -->
    @include('front-inc._footer')

</div>
<!--- page-wrapper end -->
@endsection