<nav class="nav-container">
    <div class="nav-left">
        <h1>Ecom</h1>
        <form class="d-flex p-relative">
            <input type="text" class="searchbar-input" placeholder="Search for products">
            <span class="material-icons searchbar-icon">search</span>
        </form>
    </div>
    <div class="nav-right">
        <div class="badge-parent">
            <span class="material-icons"> shopping_cart </span>
            <div class="badge-with-icon">5</div>
        </div>

        <div class="badge-parent">
            <span class="material-icons"> favorite_border </span>
            <div class="badge-with-icon">3</div>
        </div>

        <div class="badge-parent">
            <span class="material-icons"> notifications_none </span>
            <div class="badge-with-icon">1</div>
        </div>
    </div>
</nav>