header.html

<!-- Header -->
<nav id="navbar-section" class="navbar navbar-default navbar-static-top navbar-sticky" role="navigation">
    <div class="container">

        <div id="navbar-spy" class="navbar-collapse navbar-responsive-collapse">
            <div class="row align-items-center">
                <div class="col-md-2 offset-xs-2 col-xs-2">
                    <a href="{{site.baseurl}}/">
                        <img class="office-logo" src="{{site.baseurl}}/assets/img/TUD-logo.png" alt="Logo">
                    </a>
                </div>

                <div class="col-xs-8 col-md-10">
                    <ul class="nav pull-right flex-row justify-content-center">
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/">About</a>
                        </li>
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/people">People</a>
                        </li>
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/research-themes">Research Themes</a>
                        </li>
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/publications">Publications</a>
                        </li>
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/education">Education</a>
                        </li>
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/vacancies">Vacancies</a>
                        </li>
                        <li class="pr-4">
                            <a href="{{site.baseurl}}/contact">Contact</a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</nav>

<!-- End Header -->