<!-- Navbar mobile START -->
<div class="navbar navbar-mobile">
<ul class="navbar-nav">
<!-- Nav item Home -->
<li class="nav-item">
<a class="nav-link active" href="#"><i class="bi bi-house-door fa-fw"></i>
<span class="mb-0 nav-text">Home</span>
</a>
</li>
<!-- Nav item My Trips -->
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-briefcase fa-fw"></i>
<span class="mb-0 nav-text">My Trips</span>
</a>
</li>
<!-- Nav item Offer -->
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-percent fa-fw"></i>
<span class="mb-0 nav-text">Offer</span>
</a>
</li>
<!-- Nav item Account -->
<li class="nav-item">
<a class="nav-link" href="#"><i class="bi bi-person-circle fa-fw"></i>
<span class="mb-0 nav-text">Account</span>
</a>
</li>
</ul>
</div>
<!-- Navbar mobile END -->