navbar.html

<a class="navbar-brand text-danger" href="index.html">Oily</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
    <span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse" id="navbarSupportedContent">
    <ul class="navbar-nav mr-auto">
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Mobil
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item hvr-glow text-danger" href="diesel_mobil.html">Mobil Diesel</a>
              <a class="dropdown-item hvr-glow text-danger" href="gas_mobil.html">Mobil Gasoline</a>
            </div>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Total
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item hvr-glow text-danger" href="diesel_total.html">Total Diesel</a>
              <a class="dropdown-item hvr-glow text-danger" href="gas_total.html">Total Gasoline</a>
            </div>
        </li>
        <li class="nav-item dropdown">
            <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
              Shell
            </a>
            <div class="dropdown-menu" aria-labelledby="navbarDropdown">
              <a class="dropdown-item hvr-glow text-danger" href="diesel_shell.html">Shell Diesel</a>
              <a class="dropdown-item hvr-glow text-danger" href="gas_shell.html">Shell Gasoline</a>
            </div>
        </li>
        <li class="nav-item">
            <a class="nav-link white-color" href="contact.html">Contact</a>
        </li>
        <li class="nav-item">
          <a class="nav-link white-color" href="https://oily-docs.netlify.app/">Docs</a>
        </li>
    </ul>
    <form class="form-inline my-2 my-lg-0 fl-left relative">
        <input class="form-control mr-sm-2 border" type="search" placeholder="Search" aria-label="Search">
        <i class="fas fa-search lead text-danger mr-4 cursor relative"></i>
    </form>
</div>