<nav class="nav-wrap">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<div class="nav-icon-chip">Home</div>
<div class="nav-icon-chip">User</div>
<div class="nav-icon-chip">More</div>
</div>
</nav>

<!-- for dark navbar add class dark -->

<nav class="nav-wrap dark">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<div class="nav-icon-chip">Home</div>
<div class="nav-icon-chip">User</div>
<div class="nav-icon-chip">More</div>
</div>
</nav>

 

<nav class="nav-wrap">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<i class="fas fa-download nav-icon"></i>
<i class="fas fa-archive nav-icon"></i>
<i class="fas fa-bookmark nav-icon"></i>
</div></nav>

<!-- for dark navbar add class dark -->

<nav class="nav-wrap dark">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<i class="fas fa-download nav-icon"></i>
<i class="fas fa-archive nav-icon"></i>
<i class="fas fa-bookmark nav-icon"></i>
</div></nav>

 

<nav class="nav-wrap">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<div class="nav-icon-chip">
<i class="fas fa-user"></i>
<span class="nav-icon-text">Log In</span>
</div>
<div class="nav-icon-chip">
<i class="fas fa-heart"></i>
<span class="nav-icon-text">Wishlist</span>
</div>
<div class="nav-icon-chip">
<i class="fas fa-cart-arrow-down"></i>
<span class="nav-icon-text">Cart</span>
</div>
</div>
</nav>

<!-- for dark navbar add class dark -->

<nav class="nav-wrap dark">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<div class="nav-icon-chip">
<i class="fas fa-user"></i>
<span class="nav-icon-text">Log In</span>
</div>
<div class="nav-icon-chip">
<i class="fas fa-heart"></i>
<span class="nav-icon-text">Wishlist</span>
</div>
<div class="nav-icon-chip">
<i class="fas fa-cart-arrow-down"></i>
<span class="nav-icon-text">Cart</span>
</div>
</div>
</nav>

 

<nav class="nav-wrap">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<i class="fas fa-bars nav-icon"></i>
</div>
</nav>
                           
<!-- for dark navbar add class dark -->

<nav class="nav-wrap dark">
<div class="nav-head">Nav-Head</div>
<div class="nav-icon-wrap">
<i class="fas fa-bars nav-icon"></i>
</div>
</nav>