header.html

<header id="header" class="d-flex align-items-center fixed-top">
    <div class="container d-flex justify-content-between">
        <div class="logo">
            <a href="index.html"><img src="assets/img/logotipo/arieslab-original.png" alt="" class="img-fluid"></a>
        </div>
        <nav id="navbar" class="navbar">
            <ul>
<!--                <li><a class="active" href="index.html">Home</a></li>-->
                <li><a href="index.html">Home</a></li>
                <li><a href="people.html">People</a></li>

                <li class="dropdown"><a href="#"><span>Research</span> <i class="bi bi-chevron-down"></i></a>
                    <ul>
                        <li><a href="projects.html" target="_blank">Projects</a></li>
                        <li><a href="publications.html">Publications</a></li>
                        <li><a href="tools.html">Tools</a></li>
                        <li><a href="awards.html">Awards</a></li>
                    </ul>
                </li>
                <li class="dropdown"><a href="#"><span>Material</span> <i class="bi bi-chevron-down"></i></a>
                    <ul>
                        <li><a href="https://github.com/arieslab/slide-template" target="_blank">Slide template</a></li>
                        <li><a href="https://github.com/arieslab/presentations" target="_blank">Presentations</a></li>
                        <li><a href="https://github.com/arieslab/visual-identity" target="_blank">Visual Identity</a></li>
                    </ul>
                </li>
<!--                <li><a href="contact.html">Contact</a></li>-->
            </ul>
            <i class="bi bi-list mobile-nav-toggle"></i>
        </nav><!-- .navbar -->
    </div>
</header><!-- End Header -->