<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 }}/">
            {%- capture alt_logo_extended_dark %}
                {%- t meta.alt.logo_extended_dark %}
            {%- endcapture %}
            {% asset logo-extended.webp @magick:double height='30' alt="{{ alt_logo_extended_dark }}" %}
        </a>

        <nav class="my-2 d-none d-lg-block">
            <a class="text-white" href="#search-input"><i class="fa fa-search"></i></a>
            <a class="p-2 text-white" href="{% link _pages/about-us.html %}">{% t buttons.about_us %}</a>
            <a class="p-2 text-white" href="{% link _pages/services-and-products.html %}">{% t buttons.services_and_products %}</a>
            <a class="btn btn-primary ml-3 text-white" href="{% link _pages/contacts.html %}">{% t buttons.contactsus %}</a>
        </nav>

        <a class="d-block d-lg-none" href="javascript:openNav();">
            <i class="fa-menu"></i>
        </a>

    </div>

</navbar>
