# Responsive nav menu

##### Resize your display (on mobile screen) to see responsive nav menu

#### HTML

    <!-- 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 -->