<!doctype html>
<html>
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>appGenerics MailMonkey</title>
    <link rel="icon" type="image/svg+xml" href="/static/Logo.svg" sizes="any">
    <link rel="icon" type="image/png" href="/static/favicon.png">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="/static/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="/static/css/bootstrap-custom.css">
    <link rel="stylesheet" href="/static/css/site.css" />
    <!--<script src="/static/iconic/iconic.min.js"></script>-->
    <script>
        // function will be overwritten on child pages
        function initializePage() {

        }
    </script>
</head>
<body>
    <header>
        <nav class="navbar sticky-top navbar-expand-sm navbar-toggleable-sm navbar-dark bg-secondary border-bottom box-shadow mb-3">
            <div class="container">
                <div class="navbar-brand" style="height:80px">
                </div>
            </div>
        </nav>
    </header>

    <main role="main" class="pb-3">
        <div class="container">
            <div class="container-fluid">
                @Section['Content'];
            </div>
        </div>
    </main>

    <footer class="border-top footer text-muted">
        <div class="container">
            <a href="https://www.appgenerics.de"><small class="text-muted">(C) appGenerics GmbH</small></a>
        </div>
    </footer>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="/static/jquery/jquery-3.7.1.js"></script>
    <script src="/static/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script>
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })
        $(document).ready(function () {
            initializePage();
        });
    </script>
</body>
</html>
