@extends('layouts.site.site')

@section('content')
    <main class="main">
        <nav aria-label="breadcrumb" class="breadcrumb-nav border-0 mb-0">
            <div class="container">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{route('home-site')}}">Accueil</a></li>
                    <li class="breadcrumb-item active" aria-current="page">404</li>
                </ol>
            </div><!-- End .container -->
        </nav><!-- End .breadcrumb-nav -->

        <div class="error-content text-center" style="background-image: url({{asset('images/backgrounds/error-bg.jpg')}})">
            <div class="container">
                <h1 class="error-title">Erreur 404</h1><!-- End .error-title -->
                <p>Nous sommes desolé, la page n'a pas pu charger correctement.</p>
                <a href="{{route('home-site')}}" class="btn btn-outline-primary-2 btn-minwidth-lg">
                    <span>RETOUR A LA PAGE D'ACCUEIL</span>
                    <i class="icon-long-arrow-right"></i>
                </a>
            </div><!-- End .container -->
        </div><!-- End .error-content text-center -->
    </main><!-- End .main -->
@endsection