@extends('layouts.app')

@section('content')
<div class="d-flex flex-column align-content-center justify-content-center h-100">
    <div class="mx-auto">
        <img src="{{ asset('img/404.png') }}" style="width: 100%; max-width: 400px; align-self: center;">
    </div>
    <div class="mx-auto text-white mt-4 text-center" style="font-size: 1.25rem;">
        {{ __('notfound.text1') }}
    </div>
    <div class="mx-auto text-white text-center" style="font-size: 1.25rem;">
        {{ __('notfound.text2') }}
    </div>
    <div class="mx-auto mt-4">
        <a class="btn btn-primary" href="{{ route('welcome') }}">
            {{ __('notfound.backtohome') }}
        </a>
    </div>
</div>
@endsection