<!DOCTYPE html>
<html lang="en"
      xmlns:th="http://www.thymeleaf.org">
<head th:replace="~{fragments/head :: head}">
    <meta charset="UTF-8">
</head>
<body class="d-flex flex-column min-vh-100">

<nav th:replace="~{fragments/menu :: nav-top}"></nav>

<div class="flex-grow-1 container-fluid">
    <div class="row h-100">
        <nav th:replace="~{fragments/menu :: nav-mobileMenu}"></nav>
        <main class="col-md-10 ms-sm-auto col-12 content-area">
            <div th:insert="~{::content}"></div>
        </main>
    </div>
</div>

<footer th:replace="~{fragments/footer :: footer}"></footer>

<div th:replace="~{fragments/scripts :: div-scripts}"></div>

</body>
</html>