<div class="navigation-container color-bg-light ">
                    <div class="text-xl color-text-grey font-bold">myBrand</div>
                    <div class="navigation-search"><i class="fas fa-search mx-1"></i><input type="text"
                            placeholder="Search">
                    </div>
                    <button class="navigation-sidebar-toggle">
                        <i class="fas fa-bars fa-2x"></i>
                    </button>
                    <div class="navigation-tools">
                        <button class="btn primary">Login</button>
                        <div>
                            <div class="badge-container">
                                <div><i class="fas fa-heart"></i></div>
                                <div class="badge-icon badge-small color-bg-error ">0</div>
                            </div>
                            <div class="badge-container">
                                <div><i class="fas fa-shopping-cart "></i></div>
                                <div class="badge-icon badge-small color-bg-error ">0</div>
                            </div>
                        </div>
                        <div class="color-text-grey">Cart</div>
                    </div>
                </div>