<!DOCTYPE html>
<html lang="en"
      th:replace="~{layout :: parent(~{::#content},~{::title},~{::script})}">
<head>
    <title>Error Page</title>
</head>
<body class="d-flex flex-column h-100  bg-light">
<main class="flex-shrink-0 ">
    <!-- Navigation-->

    <!-- Projects Section-->
    <section class="py-5" id="content">
        <div class="center-screen px-5 mb-5">
            <div class="text-center error-page">

                    <div class="error-page-content">
                        <h1>500</h1>
                        <h2>An internal error has occured</h2>
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi</p>
                        <a href="/" class="btn btn-primary">Back To Home</a>
                    </div>
                </div>

        </div>
    </section>

</main>
</body>
</html>
