<!DOCTYPE html>
<html lang="pt-BR">

<head>
    <%- include('./Partials/head'); %>
</head>
<nav>
    <%- include('./Partials/navbar'); %>
</nav>

<body>

    <div class="flex items-center flex-col justify-center lg:flex-row py-28 px-6 md:px-24 md:py-20 lg:py-32 gap-16 lg:gap-28">
        <div class="w-full lg:w-1/2">
            <img class="hidden lg:block" src="https://i.ibb.co/v30JLYr/Group-192-2.png" />
            <img class="hidden md:block lg:hidden" src="https://i.ibb.co/c1ggfn2/Group-193.png" />
            <img class="md:hidden" src="https://i.ibb.co/8gTVH2Y/Group-198.png" />
        </div>
        <div class="w-full lg:w-1/2">
            <h1 class="py-4 text-3xl lg:text-4xl font-extrabold text-gray-800 dark:text-white">Ops! Não conseguimos encontrar a página que você está procurando.</h1>
            <p class="py-4 text-base text-gray-800 dark:text-white">O conteúdo que procura não existe. Ou foi removido, ou o link foi mal digitado.</p>
            <p class="py-2 text-base text-gray-800 dark:text-white">Não se preocupe, vamos levá-lo para o começo.</p>
            <br>
            <a href="/" class="button is-danger">Ir para o começo.</a>
        </div>
    </div>

    <footer class="footer">
        <%- include('./Partials/footer'); %>
    </footer>
</body>

</html>