<nav class="navbar navbar-expand">
    <ul class="navbar-nav d-flex justify-content-evenly mx-auto gap-4 gap-sm-5">
        <li class="nav-item">
            <a class="link nav-link px-0" href="/#publications">
                <span class="d-inline d-md-none">Pub</span>
                <span class="d-none d-md-inline">Publications</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="link nav-link px-0" href="/#projects">
                <span class="d-inline d-md-none">Proj</span>
                <span class="d-none d-md-inline">Projects</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="link nav-link px-0" href="/#presentations">
                <span class="d-inline d-md-none">Present</span>
                <span class="d-none d-md-inline">Presentations</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="link nav-link px-0" href="/#services">
                <span class="d-inline d-md-none">Serve</span>
                <span class="d-none d-md-inline">Services</span>
            </a>
        </li>
        <li class="nav-item">
            <a class="link nav-link px-0" href="https://blog.yanlincs.com">
                <span class="d-inline d-md-none">Blog</span>
                <span class="d-none d-md-inline">Blog</span>
            </a>
        </li>
    </ul>
</nav>
