<navbar class="navbar site-header pt-2 pb-2 pl-0 pr-0 p-sm-0 sticky-top">

    <div class="container">

        <a class="site-title" href="{{ site.baseurl }}/" style="color: #333;">
            {% asset logo_extended_dark.webp @magick:double height='30' %}
        </a>

        <nav class="my-2 d-none d-lg-block">
            <a class="p-2 text-dark" href="{% link _pages/about-us.html %}">{% t buttons.about_us %}</a>
            <a class="p-2 text-dark" href="{% link _pages/services-and-products.html %}">{% t
                buttons.services_and_products %}</a>
            <a class="p-2 text-dark" href="{% link _pages/projects.html %}">{% t buttons.projects %}</a>
            <a class="btn btn-primary ml-4" href="{% link _pages/contacts.html %}">{% t buttons.contactsus %}</a>
        </nav>

    </div>

</navbar>