<!--Navbar-->

<nav class="navbar navbar-expand-lg navbar-light grey lighten-3 d-block">

​

  <div class="container">

​

    <!-- Collapse button -->

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav"

      aria-controls="basicExampleNav" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

​

    <!-- Collapsible content -->

    <div class="collapse navbar-collapse mb-1" id="basicExampleNav">

​

      <!-- Links -->

      <ul class="navbar-nav mr-auto text-uppercase font-weight-normal">

        <li class="nav-item">

          <a class="nav-link" href="#">Eng</a>

        </li>

        <li class="nav-item">

          <a class="nav-link text-muted" href="#">Pol</a>

        </li>

      </ul>

      <!-- Links -->

      <a class="navbar-brand pt-0 pb-1" href="#"><i class="fab fa-3x fa-mdb"></i></a>

      <ul class="navbar-nav ml-auto nav-flex-icons">

        <li class="nav-item"><a href="#!" class="nav-link waves-effect"><span class="badge red z-depth-1 mr-1"> 2 </span><i id="navbar-static-cart" alt="Cart" class="fas fa-shopping-cart"></i><span class="sr-only"> Cart </span></a></li>

​

        <li class="nav-item">

          <a class="nav-link font-weight-normal" href="#!"><i id="navbar-static-cart" alt="Cart" class="fas fa-search"></i></a>

        </li>

      </ul>

​

    </div>

    <!-- Collapsible content -->

​

  </div>

  <hr class="w-100 mt-0">

  <div class="container pb-2">

​

    <!-- Collapse button -->

    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#basicExampleNav1"

      aria-controls="basicExampleNav1" aria-expanded="false" aria-label="Toggle navigation">

      <span class="navbar-toggler-icon"></span>

    </button>

​

    <!-- Collapsible content -->

    <div class="collapse navbar-collapse pt-1" id="basicExampleNav1">

​

      <!-- Links -->

      <ul class="navbar-nav mr-auto text-uppercase font-weight-normal">

        <li class="nav-item">

          <a class="nav-link" href="#">Home</a>

        </li>

        <li class="nav-item">

          <a class="nav-link text-muted" href="#">Features</a>

        </li>

        <li class="nav-item">

          <a class="nav-link text-muted" href="#">Pricing</a>

        </li>

        <li class="nav-item">

          <a class="nav-link text-muted" href="#">Contact</a>

        </li>

​

      </ul>

      <!-- Links -->

      <ul class="nav navbar-nav nav-flex-icons ml-auto">

​

        <li class="nav-item d-none d-xl-inline-block" alt="Support" id="navbar-static-support">

          <a href="" class="nav-link waves-effect">

          <i class="fas fa-question-circle"></i><span class="d-none d-xl-inline-block ml-1">Support</span>

          </a>

        </li>

        <li class="nav-item dropdown">

          <a class="nav-link dropdown-toggle" id="navbarDropdownMenuLink" data-toggle="dropdown"

            aria-haspopup="true" aria-expanded="false"><i class="fas fa-wrench"></i><span class="d-none d-xl-inline-block ml-1">Tools</span></a>

          <div class="dropdown-menu dropdown-dark dropdown-menu-right" aria-labelledby="navbarDropdownMenuLink">

            <a class="dropdown-item" href="#">Action</a>

            <a class="dropdown-item" href="#">Another action</a>

            <a class="dropdown-item" href="#">Something else here</a>

          </div>

        </li>

      </ul>

​

    </div>

    <!-- Collapsible content -->

​

  </div>

​

</nav>

<!--/.Navbar-->

​