<div class="navbar navbar-dark navbar-expand-md bg-black fixed-top">
    <div class="container-fluid">
        <a class="navbar-brand mx-auto" href="/">
            <img class="navbar-brand-logo" src="/public/icon/oytwhitelogo.png" alt="">
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
            <ul class="navbar-nav ms-auto me-3 ">
                <li class="nav-item px-1">
                    <a class="nav-link <%= (page.endsWith('about')) ? "active" : "" %>" href="/about">Hakkımızda</a>
                </li>
                <li class="nav-item px-1">
                    <a class="nav-link <%= (page.endsWith('events')) ? "active" : "" %>" href="/events">Etkinlikler</a>
                </li>
                <li class="nav-item px-1">
                    <a class="nav-link <%= (page.endsWith('arge')) ? "active" : "" %>" href="/arge">ARGE</a>
                </li>
                <li class="nav-item px-1">
                    <a class="nav-link" href="https://wiki.ozguryazilimhacettepe.com">Wiki</a>
                </li>
                <li class="nav-item px-1">
                    <a class="nav-link <%= (page.endsWith('faq')) ? "active" : "" %>" href="/faq">SSS</a>
                </li>
                <li class="nav-item px-1 pe-3">
                    <a class="nav-link <%= (page.endsWith('contact')) ? "active" : "" %>" href="/contact">İletişim</a>
                </li>
                <li class="nav-item">
                    <button id="signup-btn" class="btn btn-outline" onclick="location.href='/enroll'" type="button">Üye Ol</button>
                </li>
            </ul>
        </div>
    </div>
</div>
