Navbar

        
<nav class="row p-2 pt-3 d-flex align-items-center bg-white">
<div class="col-md-2 col-12 text-center text-md-left mb-3">
    <a href="../html/index.html">
        <img src="../assets/images/next-full.png" width="120">
    </a>
</div>
<div class="col-md-7 col-12 mb-3">
    <div class="card card-body m-0 p-1">
        <div class="input-group">
            <span class="input-group-text bg-transparent border-0"><i class="bi bi-search"></i></span>
            <input type="text" class="form-control border-0" placeholder="Search for any product...">
            <span class="input-group-text border-0 bg-transparent">
            <button class="btn btn-primary btn-shadow py-2 px-3">Search</button>
            </span>
        </div>
    </div>
</div>
<div class="col-md-3 col-12 mb-3">
    <div class="d-flex justify-content-center">
        <a href="../html/cart.html" class="d-flex flex-row align-items-center text-primary me-3">
            <span class="bg-primary text-light shop-bag">
                <i class="bi bi-bag"></i>
            </span>
            <div class="d-flex flex-column ms-2">
                <span class="qty">1 Product</span>
                <span class="fw-bold">$430.99</span>
            </div>
        </a>

        <a href="../html/whishlist.html" class="d-flex flex-row align-items-center text-primary">
            <span class="bg-danger-light text-light shop-bag">
                <i class="bi bi-heart text-danger"></i>
            </span>
            <div class="d-flex flex-column ms-2">
                <span class="qty">Whishlist</span>
                <span class="fw-bold">$0.00</span>
            </div>
        </a>
    </div>
</div>
</nav>

Product card

Quick view
Winter Jacket
$199,99
Add to cart 
        
<figure class="card card-product-grid">
    <div class="img-wrap">
        <img src="../assets/images/items/2.jpg">
        <a class="btn-overlay" href="../html/product.html"><i class="bi bi-zoom-in"></i> Quick view</a>
    </div> 
    <figcaption class="p-3">
        <a href="#" class="text-primary py-3">Winter Jacket</a>
        <div class="h4 fw-bold py-2">$199<span class="text-muted">,99</span></div>
        <a href="#" class="btn w-100 btn-primary"><i class="bi bi-bag-check me-2"></i> Add to cart </a>
    </figcaption>
</figure>