<div class="top-flag"><div></div><div></div><div></div></div>
<nav class="site-nav">
    <div class="container inner">
        <a class="brand" href="{{ url('/') }}">
            <img src="{{ asset('assets/img/Coat_of_arms_of_Uganda.png') }}" alt="Uganda Coat of Arms">
            <div>NGBVD <span>Ministry of Gender, Labour and Social Development</span></div>
        </a>
        <button class="public-menu-button" type="button" onclick="document.querySelector('.nav-links').classList.toggle('open')">Menu</button>
        <div class="nav-links">
            <a href="{{ url('/') }}#about">About</a>
            <a href="{{ url('/') }}#statistics">Statistics</a>
            <a href="{{ url('/index/regions') }}">Regions</a>
            <a href="{{ url('/index/district') }}">Districts</a>
            <a href="{{ url('/index/resources') }}">Resources</a>
            <a href="{{ url('/index/contact') }}">Contact</a>
            <a class="btn btn-primary" href="{{ route('login') }}">System Login</a>
        </div>
    </div>
</nav>