@extends('layout.front.master')

@section('content')
<section class="page-header page-header-modern bg-color-grey page-header-lg">
    <div class="container">
        <div class="row">
            <div class="col-md-12 align-self-center p-static order-2 text-center">
                <h1 class="font-weight-bold text-dark ls-1">404 - Página No Encontrada</h1>
            </div>
            <div class="col-md-12 align-self-center order-1">
                <ul class="breadcrumb d-block text-center">
                    <li><a href="{{ url('/') }}">Inicio</a></li>
                    <li class="active">Error</li>
                </ul>
            </div>
        </div>
    </div>
</section>

<div class="container">
    <section class="http-error">
        <div class="row justify-content-center py-3">
            <div class="col-md-7 text-center">
                <div class="http-error-main">
                    <h2 class="ls-1">404!</h2>
                    <p>Lo sentimos, pero la página que estás buscando no existe.</p>
                </div>
            </div>
            <div class="col-md-4 mt-4 mt-md-0">
                <h4 class="text-primary ls-1">Enlaces útiles</h4>
                <ul class="nav nav-list flex-column">
                    <li class="nav-item">
                        <a class="nav-link" href="{{ url('/') }}">Inicio</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ url('faqs') }}">Faqs</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ url('about') }}">Sobre nosotros</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="{{ url('contact') }}">Contacto</a>
                    </li>
                </ul>
            </div>
        </div>
    </section>
</div>
@endsection