{% load i18n %}
<link rel="stylesheet" href="/static/css/main_nav.css">
<nav class="navbar navbar-toggleable-md navbar-light bg-faded">
    <ul class="navbar-nav mx-auto">
        <li class="nav-item text-center">
            <a class="nav-link" href="/guild">{% trans "Guild" %}</a>
        </li>
        <li class="nav-item text-center">
            <a class="nav-link" href="/freshmen">{% trans "Freshmen" %}</a>
        </li>
        <li class="nav-item text-center">
            <a class="nav-link" href="/event_calendar">{% trans "Event calendar" %}</a>
        </li>
        <li class="nav-item text-center">
            <a class="nav-link" href="/international">{% trans "International" %}</a>
        </li>
        <li class="nav-item text-center">
            <a class="nav-link" href="/sosso">{% trans "Sössö" %}</a>
        </li>
        <li class="nav-item text-center">
            <a class="nav-item nav-link" href="/contact">{% trans "Contact" %}</a>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" id="corpDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                {% trans "Corporate" %}
            </a>
            <div class="dropdown-menu" aria-labelledby="corpDropdown">
                <a class="dropdown-item" href="/jobs">{% trans "Jobs" %}</a>
                <a class="dropdown-item" href="/">Yritysdadaa</a>
                <a class="dropdown-item" href="/">Something else here</a>
            </div>
        </li>
    </ul>
</nav>