{% load static %}

<br/>
    <div class="panel h-full w-full">
        <div class="mb-5 text-lg font-bold">Project Navigation.
            <div class="mb-2 text-sm font-semibold">Quick Project Navigation.</div>
        </div>
        <div class="mb-4 items-center justify-between sm:flex">
            <div class="mt-6 flex flex-wrap items-center gap-2 sm:mt-0" >
                <a href="{% url 'list_projects' %}" class="btn btn-info">View Projects</a>
                <a href="{% url 'list_indicators' %}" class="btn btn-primary">View Indicators</a>
                <a href="{% url 'list_beneficiaries' %}" class="btn btn-warning">View Beneficiaries</a>
                <a href="{% url 'list_stakeholders' %}" class="btn btn-dark">View Stakeholders</a>
                <a href="{% url 'list_resources' %}" class="btn btn-secondary">View Resources</a>
                <a href="{% url 'list_activities' %}" class="btn btn-success">View Activities</a>
            </div>
        </div>
        <br/>
        <div class="mb-4 items-center justify-between sm:flex">
            <div class="mt-6 flex flex-wrap items-center gap-2 sm:mt-0">
                <a href="{% url 'list_core_problems' %}" class="btn btn-outline-success">View Core Problems</a>
                <a href="{% url 'list_solution_trees' %}" class="btn btn-outline-info">View Solution Trees</a>
                <a href="{% url 'list_results' %}" class="btn btn-outline-primary">View Results</a>
                <a href="{% url 'list_milestones' %}" class="btn btn-outline-secondary">View Milestones</a>
                <a href="{% url 'list_partnering_organizations' %}" class="btn btn-outline-warning">View Partnering Organizations</a>
            </div>
        </div>
    </div>
    <br/>