<%# Template for the navigation bar on public routes %>

<nav class="navbar navbar-expand-lg navbar-expand-md navbar-dark" style="background-color: #37b2db;" id="navigation-bar">

    <div class="container">

        <a class="navbar-brand" href="/">
            <img src="https://f000.backblazeb2.com/file/mutorials/icons/Icon_White.svg" width="32" height="32"
                class="d-inline-block align-top" alt="">
            Mutorials</a>

        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>

        <div class="collapse navbar-collapse" id="navbar">

            <ul class="navbar-nav me-auto">
                <li class="nav-item me-3">
                    <a class="nav-link" href="/whoWeAre">
                        About
                    </a>

                </li>
            </ul>

            <ul class="navbar-nav ms-auto">

                <li class="nav-item me-3">
                    <a class="nav-link" href="/signup">
                        Sign Up
                    </a>
                </li>
                <li class="nav-item me-3">
                    <a class="nav-link" href="/signin">
                        Sign In
                    </a>
                </li>

            </ul>

        </div>

    </div>

</nav>
