navbar.html

<div role="banner">
    <a class="sr-only sr-only-focusable" href="#main-content">
        <p role="presentation">Skip to main content</p>
    </a>
    <nav class="navbar navbar-default" role="navigation" aria-label="Main Navigation">
        <div class="container container-fluid" style="display: flex; align-items: center">
            <div class="navbar-header">
                <a class="navbar-brand" href="/" style="font-size: 2rem">
                    <div style="display: flex; align-items: center">
                        <img class="img-responsive"
                                alt="OData logo"
                                width="30"
                                style="padding-right: 1rem"
                                src="{{'/assets/ODataLogo-96.png' | prepend: site.baseurl | prepend: site.url}}">
                        OData
                    </div>
                </a>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#odata-navbar-collapse">
                    <span class="sr-only">Toggle navigation</span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

                <ul class="nav navbar-nav" role="menubar">
                    <li class="dropdown" role="none">
                        <a role="menuitem"
                           aria-haspopup="true"
                           aria-expanded="false"
                           class="dropdown-toggle"
                           data-toggle="dropdown"
                           data-target="#"
                           href="#">
                            Developers <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu" role="menu" aria-label="Developers dropdown.">
                            <li role="none">
                                <a role="menuitem" href="/get-started">Get Started</a>
                            </li>
                            <li role="none">
                                <a role="menuitem" href="/documentation">Documentation</a>
                            </li>
                            <li role="none">
                                <a role="menuitem" href="/libraries">Libraries</a>
                            </li>
                            <li role="none">
                                <a role="menuitem" href="/odata-services">Reference Services</a>
                            </li>
                            <li role="none">
                                <a role="menuitem" href="/odata-icon-usage-guidelines/">Icon Usage</a>
                            </li>
                        </ul>
                    </li>
                    <li class="dropdown" role="none">
                        <a role="menuitem" href="/tools">Tools</a>
                    </li>
                    <li role="none">
                        <a role="menuitem" href="/blog">Blog</a>
                    </li>
                    <li role="none">
                        <a role="menuitem" href="/ecosystem">Ecosystem</a>
                    </li>
                </ul>

                <form class="navbar-form navbar-right search-bar" role="search" style="margin-left: auto">
                    <div class="search-bar form-group combobox combobox-list">
                        <input id="main-search-input"
                               type="text"
                               aria-label="Search"
                               class="search-bar-input form-control"
                               placeholder="Search"
                               role="combobox"
                               aria-autocomplete="list"
                               aria-controls="search-results"
                               aria-expanded="false">
                        <button hidden aria-hidden="true"
                                id="cb1-button"
                                class="fa-search"
                                tabindex="-1"
                                aria-expanded="false"
                                aria-controls="search-results">
                        </button>
                    </div>
                </form>
            </div>
    </nav>
</div>