<!DOCTYPE html>
<html lang="en" class="h-100" data-bs-theme="auto">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dogstats</title>
    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/fontawesome.min.css" rel="stylesheet">
    <link href="/css/bootstrap.min.css" rel="stylesheet">
    <link href="/css/dogstats.css" rel="stylesheet">
</head>

<body class="d-flex flex-column h-100">
    <?php include(ROOT."/templates/menu.html") ?>

    <main id="main" class="container" hx-get="/" hx-trigger="load">
        
    </main>

    <footer class="footer mt-auto py-3 bg-body-tertiary ">
        <!-- <ul class="nav justify-content-center border-bottom pb-3 mb-3">
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Home</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Features</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">Pricing</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">FAQs</a></li>
            <li class="nav-item"><a href="#" class="nav-link px-2 text-muted">About</a></li>
        </ul> -->
        <p class="text-center text-muted">
            © 2023 Crispi
            <br/>
            <small hx-get="/version.txt" hx-trigger="load"></small>
        </p>
    </footer>

    <script src="/js/htmx.min.js"></script>
    <script src="/js/bootstrap.bundle.min.js"></script>
    <script src="/js/color-modes.js"></script>
</body>

</html>