@extends('layouts.master')
@section('content')
    <!-- 500 Error Code Start -->
    <section class="error-code-area pt-50 pb-50 pt-md-70 pb-md-70 pt-xl-100 pb-xl-100">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-xl-6 col-lg-8 col-md-10">
                    <div class="error-code-content text-center">
                        <h2 class="text-5 text-bold">500</h2>
                        <h3 class="text-3 text-bold">Internal Server Error</h3>
                        <p class="text-para-2 text-para-xl-1 text-reguler">The server encountered something unexpected that
                            didn't allow it to complete the request. We apologize for the inconvenience and a network admin
                            will be notified.</p>
                        <a href="/" class="btn btn-primary">Back to Home</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- 500 Error Code End -->
@endsection