The best-selling pants you'll wear on repeat —all under $100. Shop Now

The best-selling pants you'll wear on repeat —all under $100. Shop Now

The best-selling pants you'll wear on repeat —all under $100. Shop Now

Gearing up something amazing for you…

Still waiting? Magic takes a moment! ✨

Your cart

Limited Item, checkout within 10m 00s

Add note for seller
Estimate shipping rates
Select or input Coupon

UP TO 30% OFF

For orders over $9.90

  • 12/18/2023 14:00 ~ 12/25/2023 14:00
  • The minimum spend for this coupon $200.00

UP TO 30% OFF

For orders over $9.90

  • 12/18/2023 14:00 ~ 12/25/2023 14:00
  • The minimum spend for this coupon $200.00

If you have coupon code, please apply it below.

Product Card with Default

Card Image Card Image
NEW
Best Seller
Electronics & Gadgets
Ultra-Thin Modern Tech Quiet Noise Cancelling Laptop

(46)

90+ Sold Recently
Free shipping
7 Days Return Plicy
$50.00 - $179.98
9 in Stock
  • Brand : Sony Corporation Ltd
  • Resolution : 3840×2160
  • Release years : Jan 2022
  • Motherboard : Samsung ATX, ITX, microATX, Mini-ITX
                                            
                                                <div class="row row--12 mt_dec--24">
                                                <div class="col-xl-6 col-lg-9 col-12 mt--24 mx-auto">
                                                    <div class="rbt-card rbt-product-card has-hover-box-shadow">
                                                        <div class="inner rbt-scroll-trigger fade_in animation-order-2">
                                                            <div class="rbt-card-img rbt-has-hover-img rbt-bg-color-default">
                                                                <a href="#">
                                                                    <img class="rbt-prd-img" src="your-default-image-url..." alt="...">
                                                                    <img class="rbt-hover-img" src="your-hover-image-url..." alt="...">
                                                                </a>
                                                                <div class="rbt-badge-wrapper rbt-content-top-left">
                                                                    <div class="rbt-product-badge rbt-product-badge-bg-green border-rounded">NEW</div>
                                                                    <div class="rbt-product-badge rbt-product-badge-bg-secondary-gradient border-rounded">Best Seller</div>
                                                                </div>
                                                                <div class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                                    <button class="rbt-search-btn rbt-quick-btn tooltips" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal" data-tooltip="Quick View" data-tooltip-position="left"><i class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                                    <button class="rbt-wishlisted-btn rbt-quick-btn tooltips" type="button" data-bs-toggle="modal" data-bs-target="#wishlistModal" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                                </div>
                                                            </div>
                                                            <div class="rbt-card-body">
                                                                <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Electronics & Gadgets</a>
                                                                <h6 class="rbt-card-title"><a href="#">Ultra-Thin Modern Tech Quiet Noise Cancelling Laptop</a></h6>
                                                                <div class="rbt-card-rating">
                                                                    <ul class="rbt-rating-icon-list">
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    </ul>
                                                                    <p class="rating-digit">(46)</p>
                                                                    <div class="rbt-text-swiper-container rbt-arrow-vertical">
                                                                        <div class="swiper-wrapper">
                                                                            <div class="swiper-slide">
                                                                                <div class="rbt-text-group"> <span class="icon mr--4"><i class="fa-solid fa-bag-shopping"></i></span> 90+ Sold Recently</div>
                                                                            </div>
                                                                            <div class="swiper-slide">
                                                                                <div class="rbt-text-group"> <span class="icon mr--4"><i class="fa-solid fa-truck"></i></span> Free shipping</div>
                                                                            </div>
                                                                            <div class="swiper-slide">
                                                                                <div class="rbt-text-group"> <span class="icon mr--4"><i class="fa-solid fa-rotate-left"></i></span> 7 Days Return Plicy</div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-verticle-arrow rbt-arrow-prev"><i class="fa-regular fa-chevron-up"></i></div>
                                                                        <div class="rbt-verticle-arrow rbt-arrow-next"><i class="fa-regular fa-chevron-down"></i></div>
                                                                    </div>
                                                                </div>
                                                                <div class="pricing-part">
                                                                    <span class="price-text">$50.00 - $179.98</span>
                                                                    <div class="rbt-badge rbt-badge-bg-green rbt-badge-border rbt-badge-small rbt-badge-rounded">9 in Stock</div>
                                                                </div>
                                                                <div class="prd-btn-grp">
                                                                    <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                                    <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation" href="#"><i class="fa-regular fa-file-plus-minus"></i>Add To Compare</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="prd-details-area rbt-has-show-more">
                                                            <div class="wrapper rbt-has-show-more-inner-content">
                                                                <ul class="product-details-list">
                                                                    <li>
                                                                        <span class="rbt-bold--text">Brand :</span>
                                                                        <span class="text">Sony Corporation Ltd</span>
                                                                    </li>
                                                                    <li>
                                                                        <span class="rbt-bold--text">Resolution :</span>
                                                                        <span class="text">3840×2160</span>
                                                                    </li>
                                                                    <li>
                                                                        <span class="rbt-bold--text">Release years :</span>
                                                                        <span class="text"> Jan 2022</span>
                                                                    </li>
                                                                    <li>
                                                                        <span class="rbt-bold--text">Motherboard :</span>
                                                                        <span class="text"> Samsung</span>
                                                                        <span class="text d-block"> ATX, ITX, microATX, Mini-ITX</span>
                                                                    </li>
                                                                </ul>
                                                                <ul class="product-details-list shipment-details-list">
                                                                    <li>
                                                                        <span class="icon"><i class="fa-sharp fa-regular fa-truck"></i></span>
                                                                        <div class="right-content">
                                                                            <span class="rbt-bold--text">Ships :</span>
                                                                            <span class="text">2–3 weeks Free Shipping</span>
                                                                            <br>
                                                                            <a href="#" class="shipment-quick-link rbt-btn-link">Get delivery dates</a>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <span class="icon"><i class="fa-regular fa-bag-shopping"></i></span>
                                                                        <div class="right-content">
                                                                            <span class="rbt-bold--text">Pickup :</span>
                                                                            <a href="#" class="shipment-quick-link rbt-btn-link">Check Availability</a>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="rbt-show-more-btn-area">
                                                                <button class="rbt-show-more-btn">Show More</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card with Countdown

Card Image Card Image
Trending
Electronics & Gadgets
Ultra-Thin Modern Tech Quiet Noise Cancelling Laptop

(46)

90+ Sold Recently
Free shipping
7 Days Return Plicy
$50.00 - $179.98
🏆#1 Best Sellers
87 Days
23 Hours
38 Minutes
27 Seconds

Only 97 pc left

  • Brand : Sony Corporation Ltd
  • Resolution : 3840×2160
  • Release years : Jan 2022
  • Motherboard : Samsung ATX, ITX, microATX, Mini-ITX
                                            
                                                <div class="row row--12 mt_dec--24">
                                                <div class="col-xl-6 col-lg-9 col-12 mt--24 mx-auto">
                                                    <div class="rbt-card rbt-product-card has-hover-box-shadow">
                                                        <div class="inner rbt-scroll-trigger fade_in animation-order-2">
                                                            <div class="rbt-card-img rbt-has-hover-img rbt-bg-color-default">
                                                                <a href="#">
                                                                    <img class="rbt-prd-img"
                                                                        src="assets/images/product-img/electronics/electronics-bg-trans-10-a-1.webp"
                                                                        alt="Card Image">
                                                                    <img class="rbt-hover-img"
                                                                        src="assets/images/product-img/electronics/electronics-bg-trans-10-a-1-hover.webp"
                                                                        alt="Card Image">
                                                                </a>
                                                                <div class="rbt-badge-wrapper rbt-content-top-left">
                                                                    <div
                                                                        class="rbt-product-badge rbt-product-badge-bg-yellow border-rounded">
                                                                        Trending
                                                                    </div>
                                                                </div>
                                                                <div
                                                                    class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                                    <button class="rbt-search-btn rbt-quick-btn tooltips"
                                                                        type="button" data-bs-toggle="modal"
                                                                        data-bs-target="#quickviewModal"
                                                                        data-tooltip="Quick View"
                                                                        data-tooltip-position="left"><i
                                                                            class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                                    <button class="rbt-wishlisted-btn rbt-quick-btn tooltips"
                                                                        type="button" data-bs-toggle="modal"
                                                                        data-bs-target="#wishlistModal"
                                                                        data-tooltip="Add to wishlist"
                                                                        data-tooltip-position="left"><i
                                                                            class="fa-regular fa-heart"></i></button>
                                                                </div>
                                                            </div>
                                                            <div class="rbt-card-body">
                                                                <a href="#"
                                                                    class="rbt-card-subtitle rbt-card-catagories-text">Electronics
                                                                    & Gadgets</a>
                                                                <h6 class="rbt-card-title"><a
                                                                        href="#">Ultra-Thin Modern
                                                                        Tech
                                                                        Quiet Noise Cancelling Laptop</a></h6>
                                                                <div class="rbt-card-rating">
                                                                    <ul class="rbt-rating-icon-list">
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    </ul>
                                                                    <p class="rating-digit">(46)</p>
                                                                    <div class="rbt-text-swiper-container rbt-arrow-vertical">
                                                                        <div class="swiper-wrapper">
                                                                            <div class="swiper-slide">
                                                                                <div class="rbt-text-group"> <span
                                                                                        class="icon mr--4"><i
                                                                                            class="fa-solid fa-bag-shopping"></i></span>
                                                                                    90+ Sold Recently
                                                                                </div>
                                                                            </div>
                                                                            <div class="swiper-slide">
                                                                                <div class="rbt-text-group"> <span
                                                                                        class="icon mr--4"><i
                                                                                            class="fa-solid fa-truck"></i></span>
                                                                                    Free shipping
                                                                                </div>
                                                                            </div>
                                                                            <div class="swiper-slide">
                                                                                <div class="rbt-text-group"> <span
                                                                                        class="icon mr--4"><i
                                                                                            class="fa-solid fa-rotate-left"></i></span>
                                                                                    7 Days Return Plicy
                                                                                </div>
                                                                            </div>
                                                                        </div>
                                                                        <div class="rbt-verticle-arrow rbt-arrow-prev">
                                                                            <i class="fa-regular fa-chevron-up"></i>
                                                                        </div>
                                                                        <div class="rbt-verticle-arrow rbt-arrow-next">
                                                                            <i class="fa-regular fa-chevron-down"></i>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="pricing-part">
                                                                    <span class="price-text">$50.00 - $179.98</span>
                                                                </div>
                                                                <span class="rbt-product-feature-badge">🏆#1 Best Sellers</span>
                                                                <div class="rbt-countdown-one">
                                                                    <div class="countdown" data-date="2025-12-30">
                                                                        <div class="countdown-container days">
                                                                            <span class="countdown-value">87</span>
                                                                            <span class="countdown-heading">Days</span>
                                                                        </div>
                                                                        <div class="countdown-container hours">
                                                                            <span class="countdown-value">23</span>
                                                                            <span class="countdown-heading">Hours</span>
                                                                        </div>
                                                                        <div class="countdown-container minutes">
                                                                            <span class="countdown-value">38</span>
                                                                            <span class="countdown-heading">Minutes</span>
                                                                        </div>
                                                                        <div class="countdown-container seconds">
                                                                            <span class="countdown-value">27</span>
                                                                            <span class="countdown-heading">Seconds</span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-prd-qty-area">
                                                                    <p class="prd-qty-txt">Only <strong>97</strong> pc left</p>
                                                                    <div class="progress" role="progressbar"
                                                                        aria-label="Shipping-progress" aria-valuenow="50"
                                                                        aria-valuemin="0" aria-valuemax="100">
                                                                        <div class="progress-bar w-50"></div>
                                                                    </div>
                                                                </div>
                                                                <div class="prd-btn-grp">
                                                                    <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation"
                                                                        href="#"><i class="fa-regular fa-cart-shopping"></i> Add
                                                                        To Cart</a>
                                                                    <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation"
                                                                        href="#"><i
                                                                            class="fa-regular fa-file-plus-minus"></i>Add To
                                                                        Compare</a>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="prd-details-area rbt-has-show-more">
                                                            <div class="wrapper rbt-has-show-more-inner-content">
                                                                <ul class="product-details-list">
                                                                    <li>
                                                                        <span class="rbt-bold--text">Brand :</span>
                                                                        <span class="text">Sony Corporation Ltd</span>
                                                                    </li>
                                                                    <li>
                                                                        <span class="rbt-bold--text">Resolution :</span>
                                                                        <span class="text">3840×2160</span>
                                                                    </li>
                                                                    <li>
                                                                        <span class="rbt-bold--text">Release years :</span>
                                                                        <span class="text"> Jan 2022</span>
                                                                    </li>
                                                                    <li>
                                                                        <span class="rbt-bold--text">Motherboard :</span>
                                                                        <span class="text"> Samsung</span>
                                                                        <span class="text d-block"> ATX, ITX, microATX,
                                                                            Mini-ITX</span>
                                                                    </li>
                                                                </ul>
                                                                <ul class="product-details-list shipment-details-list">
                                                                    <li>
                                                                        <span class="icon"><i
                                                                                class="fa-sharp fa-regular fa-truck"></i></span>
                                                                        <div class="right-content">
                                                                            <span class="rbt-bold--text">Ships :</span>
                                                                            <span class="text">2–3 weeks Free Shipping</span>
                                                                            <br>
                                                                            <a href="#"
                                                                                class="shipment-quick-link rbt-btn-link">Get
                                                                                delivery dates</a>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <span class="icon"><i
                                                                                class="fa-regular fa-bag-shopping"></i></span>
                                                                        <div class="right-content">
                                                                            <span class="rbt-bold--text">Pickup :</span>
                                                                            <a href="#"
                                                                                class="shipment-quick-link rbt-btn-link">Check
                                                                                Availability</a>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                            <div class="rbt-show-more-btn-area">
                                                                <button class="rbt-show-more-btn">Show More</button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card Mini XS

                                            
                                                <div class="row row--12 mt_dec--24 mt_dec--24 rbt-card-row-has-top-separator rbt-two-align-card-row">
                                                <!-- single card -->
                                                <div class="col-lg-6 col-md-6 col-sm-6 col-12 mt--24">
                                                    <div class="rbt-card rbt-product-card rbt-list-view-variation list-view-md">
                                                        <div class="inner rbt-scroll-trigger fade_in animation-order-2">
                                                            <div class="rbt-card-body">
                                                                <div class="rbt-card-rating">
                                                                    <ul class="rbt-rating-icon-list">
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                        <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    </ul>
                                                                    <p class="rating-digit">(46)</p>
                                                                </div>
                                                                <h6 class="rbt-card-title"><a
                                                                        href="#">2021 Apple 12.9-inch iPad 512GB Gray Space</a></h6>
                                                                <div class="pricing-part">
                                                                    <del class="price-text">$295.00</del>
                                                                    <span class="price-text">$179.98</span>
                                                                </div>
                                                            </div>
                                                            <div class="rbt-card-img rbt-bg-color-default rbt-curved-style-box">
                                                                <a href="#"><img src="image-url..." alt="Card Image"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                ...
                                            </div>
                                            
                                        

Product Card Standard

Card Image Card Image
Hot
Best Seller
Headphones & Music
Samsung Quiet Comfort Noise Cancelling Earbuds - Black

(30)

90+ Sold Recently
Free shipping
7 Days Return Plicy
$295.00 $179.98 -30%
12 in Stock

Only 97 pc left

                                            
                                                <div class="rbt-card rbt-product-card">
                                                <div class="inner rbt-scroll-trigger fade_in animation-order-1">
                                                    <div class="rbt-card-img rbt-has-hover-img rbt-bg-color-default">
                                                        <a href="#">
                                                            <img class="rbt-prd-img" src="image-url..." alt="Card Image">
                                                            <img class="rbt-hover-img" src="image-url..." alt="Card Image">
                                                        </a>
                                                        <div class="rbt-product-badge rbt-product-badge-bg-danger border-rounded rbt-content-top-left">Hot</div>
                                                        <div class="rbt-product-badge rbt-product-badge-bg-secondary-gradient border-rounded rbt-content-top-left">Best Seller</div>
                                                        <div class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                            <button class="rbt-search-btn rbt-quick-btn tooltips" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal" data-tooltip="Quick View" data-tooltip-position="left"><i class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                            <button class="rbt-wishlisted-btn rbt-quick-btn tooltips" type="button" data-bs-toggle="modal" data-bs-target="#wishlistModal" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-body">
                                                        <div class="rbt-color-select-area">
                                                            <ul class="rbt-switcher-color-list product-switcher-activation">
                                                                <li class="active">
                                                                    <a class="rbt-switcher--color tooltips" data-switcher-color="#2B2B2B" data-src="assets/images/product-img/electronics/electronics-bg-trans-01-a-1.webp" data-tooltip="Black" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="rbt-switcher--color tooltips " data-switcher-color="#a09fa4" data-src="assets/images/product-img/electronics/electronics-bg-trans-01-a-2.webp" data-tooltip="Red" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="rbt-switcher--color tooltips" data-switcher-color="#cc999d" data-src="assets/images/product-img/electronics/electronics-bg-trans-01-a-3.webp" data-tooltip="Pink" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                            <a class="prd-link-text" href="#">+12 More Items</a>
                                                        </div>
                                                        <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Headphones & Music</a>
                                                        <h6 class="rbt-card-title"><a href="#">Samsung Quiet Comfort Noise Cancelling Earbuds - Black</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(30)</p>
                                                            <div class="rbt-text-swiper-container rbt-arrow-vertical">
                                                                <div class="swiper-wrapper">
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span class="icon mr--4"><i
                                                                                    class="fa-solid fa-bag-shopping"></i></span>
                                                                            90+ Sold Recently
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span class="icon mr--4"><i
                                                                                    class="fa-solid fa-truck"></i></span>
                                                                            Free shipping
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span class="icon mr--4"><i
                                                                                    class="fa-solid fa-rotate-left"></i></span>
                                                                            7 Days Return Plicy
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-verticle-arrow rbt-arrow-prev">
                                                                    <i class="fa-regular fa-chevron-up"></i>
                                                                </div>
                                                                <div class="rbt-verticle-arrow rbt-arrow-next">
                                                                    <i class="fa-regular fa-chevron-down"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <del class="price-text">$295.00</del>
                                                            <span class="price-text">$179.98</span>
                                                            <span class="rbt-offer-badge">-30%</span>
                                                            <div
                                                                class="rbt-badge rbt-badge-bg-green rbt-badge-border rbt-badge-small rbt-badge-rounded">
                                                                12 in Stock</div>
                                                        </div>
                                                        <div class="rbt-prd-qty-area">
                                                            <p class="prd-qty-txt">Only <strong>97</strong> pc left</p>
                                                            <div class="progress" role="progressbar" aria-label="Shipping-progress"
                                                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
                                                                <div class="progress-bar w-50"></div>
                                                            </div>
                                                        </div>
                                                        <div class="prd-btn-grp">
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation"
                                                                href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation rbt-compare-bottom-sidenav-activation"
                                                                href="#"><i class="fa-regular fa-file-plus-minus"></i>Add To Compare</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card Horizontal Large

Card Image
New
16
87 Days
23 Hours
38 Minutes
27 Sec
                                            
                                                <div class="rbt-card rbt-product-card rbt-list-view-variation rbt-list-view-lg">
                                                <div class="inner rbt-scroll-trigger fade_in animation-order-1">
                                                    <div class="rbt-card-img rbt-bg-color-default order-2">
                                                        <a href="#"><img class="rbt-prd-img"
                                                                src="assets/images/product-img/electronics/electronics-bg-trans-list-lg-01.webp"
                                                                alt="Card Image"></a>
                                                        <div class="rbt-badge-wrapper rbt-content-top-left">
                                                            <div class="rbt-product-badge rbt-product-badge-bg-green border-rounded">New</div>
                                                        </div>
                                                        <div class="rbt-discount-badge right--corner-style tooltips"
                                                            data-tooltip="👁️ 16 People are Watching This Item" data-tooltip-position="bottom">
                                                            <span><i class="fa-regular fa-eye"></i>16</span>
                                                        </div>
                                                        <div class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                            <button class="rbt-search-btn rbt-quick-btn tooltips" type="button"
                                                                data-bs-toggle="modal" data-bs-target="#quickviewModal"
                                                                data-tooltip="Quick View" data-tooltip-position="left"><i
                                                                    class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                            <button class="rbt-wishlisted-btn rbt-quick-btn tooltips" type="button"
                                                                data-bs-toggle="modal" data-bs-target="#wishlistModal"
                                                                data-tooltip="Add to wishlist" data-tooltip-position="left"><i
                                                                    class="fa-regular fa-heart"></i></button>
                                                        </div>
                                                        <div
                                                            class="rbt-countdown-wrap rbt-content-bottom-center rbt-countdown-wrap rbt-content-bottom-center rbt-countdown-one bg-variation-black cd-border-style bg-variation-black cd-border-style">
                                                            <div class="countdown" data-date="2025-06-30">
                                                                <div class="countdown-container days">
                                                                    <span class="countdown-value">87</span>
                                                                    <span class="countdown-heading">Days</span>
                                                                </div>
                                                                <div class="countdown-container hours">
                                                                    <span class="countdown-value">23</span>
                                                                    <span class="countdown-heading">Hours</span>
                                                                </div>
                                                                <div class="countdown-container minutes">
                                                                    <span class="countdown-value">38</span>
                                                                    <span class="countdown-heading">Minutes</span>
                                                                </div>
                                                                <div class="countdown-container seconds">
                                                                    <span class="countdown-value">27</span>
                                                                    <span class="countdown-heading">Sec</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-body order-1">
                                                        <div class="rbt-color-select-area">
                                                            <ul class="rbt-switcher-color-list product-switcher-activation">
                                                                <li class="active"><a class="rbt-switcher--color tooltips"
                                                                        data-switcher-color="#ed9951"
                                                                        data-src="assets/images/product-img/electronics/electronics-bg-trans-list-lg-01.webp"
                                                                        data-tooltip="Orange" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips" data-switcher-color="#fffdfc"
                                                                        data-src="assets/images/product-img/electronics/electronics-bg-trans-list-lg-03.webp"
                                                                        data-tooltip="White" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips" data-switcher-color="#4c5f7b"
                                                                        data-src="assets/images/product-img/electronics/electronics-bg-trans-list-lg-04.webp"
                                                                        data-tooltip="Blue" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips" data-switcher-color="#f0f0f0"
                                                                        data-src="assets/images/product-img/electronics/electronics-bg-trans-list-lg-02.webp"
                                                                        data-tooltip="light White" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                            </ul>
                                                            <a class="prd-link-text" href="#">+12 More Items</a>
                                                        </div>
                                                        <a href="#"
                                                            class="rbt-card-subtitle rbt-card-catagories-text">Electronics & Smartwatch</a>
                                                        <h6 class="rbt-card-title"><a href="#">Samsung Galaxy Watch 4
                                                                Aluminum
                                                                Smartwatch 44MM Bluetooth</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(25)</p>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <del class="price-text">$295.00</del>
                                                            <span class="price-text">$179.98</span>
                                                            <span class="rbt-offer-badge">-30%</span>
                                                        </div>
                                                        <div class="rbt-prd-qty-area d-flex flex-row-reverse align-items-center rbt-gap--12">
                                                            <p class="prd-qty-txt text-nowrap">Only <strong>97</strong> pc left</p>
                                                            <div class="progress mt--0" role="progressbar" aria-label="Shipping-progress"
                                                                aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
                                                                <div class="progress-bar w-50"></div>
                                                            </div>
                                                        </div>
                                                        <div class="prd-btn-grp">
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation"
                                                                href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation"
                                                                href="#"><i class="fa-regular fa-file-plus-minus"></i>Add To Compare</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card Marque

                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 rounded--16 rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img rounded--16">
                                                    <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/fashion/product-new-01-a-1.webp" alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-green">NEW ARRIVAL</div>
                                                    </div>
                                                    <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                </div>
                                                <div class="rbt-card-body has-rbt-top-right-corner-portion rbt-card-body-top-botttom-space">
                                                    <div class="rbt-curved-radius-bottom-corner"></div>
                                                    <div class="rbt-scroll-animation-wrapper rbt-no-overlay">
                                                        <div class="rbt-scroll-animation rbt-scroll-right-left">
                                                            <!-- Start Single Testimonial  -->
                                                            <div class="rbt-single-column-100">
                                                                <div class="rbt-category-list-dis rbt-category-list">
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                    <a href="#"><span class="rbt-catagory-icon"><img src="assets/images/icons/scroll-icon-01.svg" alt="icon"></span> Hot Sell 50% Off</a>
                                                                </div>
                                                            </div>
                                                            <!-- End Single Testimonial  -->
                                                        </div>
                                                    </div>
                                                    <div class="rbt-right-corner-portion bottom--position">
                                                        <div class="rbt-corner-portion-wrapper">
                                                            <div
                                                                class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                                <button class="rbt-compare-btn rbt-quick-btn tooltips" data-tooltip="Add to Compare" data-tooltip-position="left" type="button"><i class="fa-regular fa-scale-balanced"></i></button>
                                                                <button class="rbt-watch-btn rbt-quick-btn tooltips" data-tooltip="Quick View" data-tooltip-position="left" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal"><i class="fa-sharp fa-regular fa-eye"></i></button>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-top-content">
                                                        <div class="rbt-product-switch-area">
                                                            <ul class="rbt-switcher-product-list product-switcher-activation">
                                                                <li class="active"><a class="rbt-switcher--prd rbt-switcher--prd-one" data-src="assets/images/product-img/fashion/product-new-01-a-1.webp" href="#"><img src="assets/images/product-img/fashion/product-new-01-a-1.webp" alt="Product Image"></a></li>
                                                                <li><a class="rbt-switcher--prd rbt-switcher--prd-two" data-src="assets/images/product-img/fashion/product-new-01-a-2.webp" href="#"><img src="assets/images/product-img/fashion/product-new-01-a-2.webp" alt="Product Image"></a></li>
                                                                <li><a class="rbt-switcher--prd rbt-switcher--prd-three" data-src="assets/images/product-img/fashion/product-new-01-a-3.webp" href="#"><img src="assets/images/product-img/fashion/product-new-01-a-3.webp" alt="Product Image"></a></li>
                                                                <li><a class="rbt-switcher--prd rbt-switcher--prd-four" data-src="assets/images/product-img/fashion/product-new-01-a-4.webp" href="#"><img src="assets/images/product-img/fashion/product-new-01-a-4.webp" alt="Product Image"></a></li>
                                                            </ul>
                                                            <a class="prd-link-text" href="product-single-default.html">+12 More</a>
                                                        </div>
                                                        <a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--12">Vintage Clothing</a>
                                                        <h6 class="rbt-card-title mt--4"><a href="product-single-default.html">Nirvana Graphic Oversized Sweatshirt</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(25)</p>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <del class="price-text">$295.00</del>
                                                            <span class="price-text">$179.98</span>
                                                            <span class="rbt-offer-badge">-30%</span>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-footer d-flex footer-content-btn">
                                                        <a class="rbt-btn rbt-btn-sm has-left-icon flex-basis-100" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card with Hover Transform

Card Image
NEW ARRIVAL
                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img">
                                                    <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/furniture/furniture-prd-01.webp" alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-green">NEW ARRIVAL</div>
                                                    </div>
                                                    <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                </div>
                                                <div class="rbt-card-body rbt-card-body-top-botttom-space">
                                                    <div class="rbt-card-top-content has-two-align">
                                                        <div class="left-part">
                                                            <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Sofa</a>
                                                            <h6 class="rbt-card-title"><a href="#">Delphine Cane Velvet Accent Chair</a></h6>
                                                            <div class="rbt-card-rating">
                                                                <ul class="rbt-rating-icon-list">
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star"></i></li>
                                                                    <li><i class="fa-solid fa-star"></i></li>
                                                                </ul>
                                                                <p class="rating-digit">(92)</p>
                                                            </div>
                                                        </div>
                                                        <div class="right-part">
                                                            <div class="top--part">
                                                                <div class="pricing-part">
                                                                    <del class="price-text">$75.00</del>
                                                                    <span class="price-text">$43.65</span>
                                                                </div>
                                                            </div>
                                                            <div class="bottom-part">
                                                                <span class="rbt-offer-badge mt--12">Save 30%</span>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-footer d-flex footer-content-btn">
                                                        <a class="rbt-btn rbt-btn-sm has-left-icon rbt-cart-sidenav-activation"
                                                            href="#"><i class="fa-regular fa-cart-shopping"></i> Add To
                                                            Cart</a>
                                                        <div class="rbt-quick-btn-grp has-mixup-midlayer">
                                                            <button class="rbt-compare-btn rbt-quick-btn tooltips" data-tooltip="Add to Compare" data-tooltip-position="top" type="button"><i class="fa-regular fa-scale-balanced"></i></button>
                                                            <button class="rbt-watch-btn rbt-quick-btn tooltips" data-tooltip="Quick View" data-tooltip-position="top" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal"><i class="fa-sharp fa-regular fa-eye"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card with Slide Hover

                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 product-variation-two transform-variation-two rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="background-expand"></div>
                                                <div class="card-inner">
                                                    <div class="rbt-card-img rbt-bg-color-white rbt-scroll-trigger zoom_in animation-order-1">
                                                        <a href="#"><img class="rbt-prd-img" src="assets/images/product-img/furniture/transp/fp-img-1.webp" alt="Card Image"></a>
                                                        <div class="rbt-badge-wrapper rbt-content-top-left">
                                                            <div class="rbt-product-badge rbt-product-badge-bg-green border-rounded">New</div>
                                                        </div>
                                                        <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                        <ul class="product-hover-slider-list hover-slider-activation">
                                                            <li><a class="active" href="#" data-src="assets/images/product-img/furniture/transp/fp-img-1.webp"></a></li>
                                                            <li><a href="#" data-src="assets/images/product-img/furniture/transp/fp-img-2.webp"></a></li>
                                                            <li><a href="#" data-src="assets/images/product-img/furniture/transp/fp-img-3.webp"></a></li>
                                                            <li><a href="#" data-src="assets/images/product-img/furniture/transp/fp-img-4.webp"></a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="rbt-card-body rbt-bg-color-white">
                                                        <div class="rbt-card-top-content">
                                                            <div class="rbt-color-select-area">
                                                                <ul class="rbt-switcher-color-list product-switcher-activation">
                                                                    <li>
                                                                        <a class="rbt-switcher--color tooltips" data-switcher-color="#bb921f" data-src="assets/images/product-img/furniture/transp/fp-img-2.webp" data-tooltip="Yellow" data-tooltip-position="top" href="#">
                                                                            <div class="rbt-color-circle"></div>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="rbt-switcher--color tooltips" data-switcher-color="#a4a195" data-src="assets/images/product-img/furniture/transp/fp-img-2.webp" data-tooltip="Brown" data-tooltip-position="top" href="#">
                                                                            <div class="rbt-color-circle"></div>
                                                                        </a>
                                                                    </li>
                                                                    <li class="active">
                                                                        <a class="rbt-switcher--color tooltips" data-switcher-color="#dbb795" data-src="assets/images/product-img/furniture/transp/fp-img-3.webp" data-tooltip="Wood Color" data-tooltip-position="top" href="#">
                                                                            <div class="rbt-color-circle"></div>
                                                                        </a>
                                                                    </li>
                                                                    <li>
                                                                        <a class="rbt-switcher--color tooltips" data-switcher-color="#335d66" data-src="assets/images/product-img/furniture/transp/fp-img-4.webp" data-tooltip="Royel Green" data-tooltip-position="top" href="#">
                                                                            <div class="rbt-color-circle"></div>
                                                                        </a>
                                                                    </li>
                                                                </ul>
                                                                <a class="prd-link-text"
                                                                    href="#">+3 More Items</a>
                                                            </div>
                                                            <a href="#"
                                                                class="rbt-card-subtitle rbt-card-catagories-text">Sofa
                                                                & Homies</a>
                                                            <h6 class="rbt-card-title"><a
                                                                    href="#">Klipsch R-120SW
                                                                    Beautiful 5'5" Qualitiful Sofa Homies</a></h6>
                                                            <div class="rbt-card-rating">
                                                                <ul class="rbt-rating-icon-list">
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                </ul>
                                                                <p class="rating-digit">(25)</p>
                                                            </div>
                                                            <div class="pricing-part">
                                                                <del class="price-text">$295.00</del>
                                                                <span class="price-text">$179.98</span>
                                                            </div>
                                                        </div>
                                                        <div class="rbt-card-footer d-block footer-content-btn">
                                                            <div class="prd-btn-grp">
                                                                <a class="rbt-btn rbt-btn-primary rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                                <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation" href="#"><i class="fa-regular fa-file-plus-minus"></i>Add To Compare</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card Horizontal with Slide Hover

                                            
                                                <div class="rbt-card rbt-product-card rbt-list-view-variation rbt-list-view-lg rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="inner border-0 bg-white">
                                                    <div class="rbt-card-img rbt-bg-color-default order-2">
                                                        <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/furniture/transp/fp-img-5.webp" alt="Card Image"></a>
                                                        <div class="rbt-discount-badge right--corner-style tooltips" data-tooltip="👁️ 16 People are Watching This Item" data-tooltip-position="bottom">
                                                            <span><i class="fa-regular fa-eye"></i>16</span>
                                                        </div>
                                                        <div class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                            <button class="rbt-search-btn rbt-quick-btn tooltips" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal" data-tooltip="Quick View" data-tooltip-position="left"><i class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                            <button class="rbt-wishlisted-btn rbt-quick-btn tooltips" type="button" data-bs-toggle="modal" data-bs-target="#wishlistModal" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                        </div>
                                                        <div
                                                            class="rbt-countdown-wrap rbt-content-bottom-center rbt-countdown-one bg-variation-black cd-border-style">
                                                            <div class="countdown" data-date="2025-06-30">
                                                                <div class="countdown-container days">
                                                                    <span class="countdown-value">87</span>
                                                                    <span class="countdown-heading">Days</span>
                                                                </div>
                                                                <div class="countdown-container hours">
                                                                    <span class="countdown-value">23</span>
                                                                    <span class="countdown-heading">Hours</span>
                                                                </div>
                                                                <div class="countdown-container minutes">
                                                                    <span class="countdown-value">38</span>
                                                                    <span class="countdown-heading">Minutes</span>
                                                                </div>
                                                                <div class="countdown-container seconds">
                                                                    <span class="countdown-value">27</span>
                                                                    <span class="countdown-heading">Sec</span>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <ul class="product-hover-slider-list hover-slider-activation">
                                                            <li><a class="active" href="#" data-src="assets/images/product-img/furniture/transp/fp-img-5.webp"></a></li>
                                                            <li><a href="#" data-src="assets/images/product-img/furniture/transp/fp-img-5-a.webp"></a></li>
                                                            <li><a href="#" data-src="assets/images/product-img/furniture/transp/fp-img-5-b.webp"></a></li>
                                                            <li><a href="#" data-src="assets/images/product-img/furniture/transp/fp-img-5-c.webp"></a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="rbt-card-body order-1">
                                                        <div class="rbt-color-select-area">
                                                            <ul
                                                                class="rbt-switcher-color-list product-switcher-activation">
                                                                <li class="active">
                                                                    <a class="rbt-switcher--color tooltips" data-switcher-color="#9e7425" data-src="assets/images/product-img/furniture/transp/fp-img-5.webp" data-tooltip="Yellow" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="rbt-switcher--color tooltips" data-switcher-color="#8a8a8a" data-src="assets/images/product-img/furniture/transp/fp-img-5-a.webp" data-tooltip="Gray" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="rbt-switcher--color tooltips" data-switcher-color="#7b8f24" data-src="assets/images/product-img/furniture/transp/fp-img-5-b.webp" data-tooltip="Green" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                                <li>
                                                                    <a class="rbt-switcher--color tooltips" data-switcher-color="#d46a2f" data-src="assets/images/product-img/furniture/transp/fp-img-5-c.webp" data-tooltip="Orange" data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a>
                                                                </li>
                                                            </ul>
                                                            <a class="prd-link-text" href="#">+7 More Items</a>
                                                        </div>
                                                        <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Home & Living</a>
                                                        <h6 class="rbt-card-title"><a href="#">Partex Memory Foam Orthopedic Special Pillow good for Neck and Back</a>
                                                        </h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(25)</p>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <del class="price-text">$295.00</del>
                                                            <span class="price-text">$179.98</span>
                                                        </div>
                                                        <div
                                                            class="rbt-prd-qty-area d-flex flex-row-reverse align-items-center rbt-gap--12">
                                                            <p class="prd-qty-txt text-nowrap">Only <strong>97</strong> pc left</p>
                                                            <div class="progress mt--0" role="progressbar" aria-label="Shipping-progress" aria-valuenow="50" aria-valuemin="0" aria-valuemax="100">
                                                                <div class="progress-bar w-50"></div>
                                                            </div>
                                                        </div>
                                                        <div class="prd-btn-grp">
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation" href="#"><i class="fa-regular fa-file-plus-minus"></i>Add To Compare</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Standard Card Mini

                                            
                                                <div class="row row--12 mt_dec--24 rbt-card-row-has-top-separator rbt-two-align-card-row">
                                                <!-- single card -->
                                                <div class="col-lg-6 col-md-6 col-12 mt--24">
                                                    <div class="rbt-card rbt-product-card rbt-list-view-variation list-view-md rbt-scroll-trigger fade_in animation-order-1">
                                                        <div class="inner">
                                                            <div class="rbt-card-body p-0">
                                                                <a href="#"
                                                                    class="rbt-card-subtitle rbt-card-catagories-text">Beautifier</a>
                                                                <h6 class="rbt-card-title"><a href="#">Lex Black Dome USB Desk Lamp busket</a></h6>
                                                                <div class="pricing-part">
                                                                    <del class="price-text">$116.34</del>
                                                                    <span class="price-text">$69.78</span>
                                                                </div>
                                                            </div>
                                                            <div class="rbt-card-img rbt-bg-color-default">
                                                                <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/furniture/transp/fp-img-list-1.webp" alt="Card Image"></a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                                ...
                                            </div>
                                            
                                        

Product Card Expand lg

                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 wider-variation rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img ">
                                                    <a href="#">
                                                        <img class="rbt-prd-img" src="assets/images/product-img/beauty-product/beauty-product-01-lg.webp" alt="Card Image">
                                                    </a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-green">NEW ARRIVAL</div>
                                                    </div>
                                                    <div
                                                        class="rbt-right-corner-portion bottom--position white-box-style">
                                                        <div class="rbt-corner-portion-wrapper">
                                                            <div class="corner-portion-box"></div>
                                                        </div>
                                                    </div>
                                                    <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                </div>
                                                <div class="rbt-card-body no-footer-body">
                                                    <div class="rbt-card-top-content has-two-align">
                                                        <div class="left-part">
                                                            <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Sofa</a>
                                                            <h6 class="rbt-card-title"><a href="#">Delphine Cane Velvet Accent Chair</a></h6>
                                                            <div class="rbt-card-rating">
                                                                <ul class="rbt-rating-icon-list">
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i>
                                                                    </li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i>
                                                                    </li>
                                                                    <li><i class="fa-solid fa-star rbt-rated-icon"></i>
                                                                    </li>
                                                                    <li><i class="fa-solid fa-star"></i></li>
                                                                    <li><i class="fa-solid fa-star"></i></li>
                                                                </ul>
                                                                <p class="rating-digit">(92)</p>
                                                            </div>
                                                        </div>
                                                        <div class="right-part">
                                                            <div class="top--part">
                                                                <div class="pricing-part justify-content-end">
                                                                    <span class="price-text">$239.00 – $330.00</span>
                                                                </div>
                                                                <div class="rbt-color-select-area mt--8 mt_sm--4">
                                                                    <ul
                                                                        class="rbt-switcher-color-list product-switcher-activation">
                                                                        <li class="active"><a
                                                                                class="rbt-switcher--color tooltips"
                                                                                data-switcher-color="#173df9"
                                                                                data-src="assets/images/product-img/beauty-product/beauty-product-01-lg.webp"
                                                                                data-tooltip="Blue"
                                                                                data-tooltip-position="top" href="#">
                                                                                <div class="rbt-color-circle"></div>
                                                                            </a></li>
                                                                        <li><a class="rbt-switcher--color tooltips"
                                                                                data-switcher-color="#c8c8c8"
                                                                                data-src="assets/images/product-img/beauty-product/beauty-product-02-lg.webp"
                                                                                data-tooltip="Gray"
                                                                                data-tooltip-position="top" href="#">
                                                                                <div class="rbt-color-circle"></div>
                                                                            </a></li>
                                                                        <li><a class="rbt-switcher--color tooltips"
                                                                                data-switcher-color="#b03a3b"
                                                                                data-src="assets/images/product-img/beauty-product/beauty-product-03-lg.webp"
                                                                                data-tooltip="Pink"
                                                                                data-tooltip-position="top" href="#">
                                                                                <div class="rbt-color-circle"></div>
                                                                            </a></li>
                                                                        <li><a class="rbt-switcher--color tooltips"
                                                                                data-switcher-color="#2a2925"
                                                                                data-src="assets/images/product-img/beauty-product/beauty-product-04-lg.webp"
                                                                                data-tooltip="Black"
                                                                                data-tooltip-position="top" href="#">
                                                                                <div class="rbt-color-circle"></div>
                                                                            </a></li>
                                                                        <li><a class="rbt-switcher--color tooltips"
                                                                                data-switcher-color="#dabc24"
                                                                                data-src="assets/images/product-img/beauty-product/beauty-product-05-lg.webp"
                                                                                data-tooltip="Yellow"
                                                                                data-tooltip-position="top" href="#">
                                                                                <div class="rbt-color-circle"></div>
                                                                            </a></li>
                                                                    </ul>
                                                                    <a class="prd-link-text"
                                                                        href="#">+12 More
                                                                        Items</a>
                                                                </div>
                                                                <a class="rbt-btn rbt-btn-sm bg-black text-center mt--12"
                                                                    href="#">Buy Now</a>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card Style Twelve

                                            
                                                <div class="rbt-card rbt-product-card rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img top-rounded-md">
                                                    <a href="#"><img
                                                            class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img"
                                                            src="assets/images/product-img/beauty-product/beauty-product-st-05.webp"
                                                            alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-secondary">SALE</div>
                                                    </div>
                                                    <div
                                                        class="rbt-quick-btn-grp has-mixup-midlayer rbt-top-right--position hover-variation-one">
                                                        <button class="rbt-wishlisted-btn bg-light-one rbt-quick-btn tooltips" type="button"
                                                            data-tooltip="Add to wishlist" data-tooltip-position="left"><i
                                                                class="fa-regular fa-heart"></i></button>
                                                        <button class="rbt-watch-btn bg-light-one rbt-quick-btn tooltips"
                                                            data-tooltip="Quick View" data-tooltip-position="left" type="button"
                                                            data-bs-toggle="modal" data-bs-target="#quickviewModal"><i
                                                                class="fa-sharp fa-regular fa-magnifying-glass"></i></button>
                                                    </div>
                                                    <a class="rbt-btn hover-appear-element bottom-position text-center rbt-btn-sm rbt-square-btn d-block has-left-icon"
                                                        href="#" data-bs-toggle="modal" data-bs-target="#quickviewModal">Select Option</a>
                                                </div>
                                                <div class="rbt-card-body rbt-card-body-center-align">
                                                    <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Foundation</a>
                                                    <h6 class="rbt-card-title"><a href="#">Travel Size Shape Ultra
                                                            Creamy</a></h6>
                                                    <div class="rbt-card-rating">
                                                        <ul class="rbt-rating-icon-list">
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                        </ul>
                                                        <p class="rating-digit">(25)</p>
                                                        <span class="icon"><i class="fa-sharp fa-solid fa-truck-fast"></i></span>
                                                    </div>
                                                    <div class="pricing-part">
                                                        <del class="price-text">$295.00</del>
                                                        <span class="price-text">$179.98</span>
                                                        <span class="rbt-offer-badge">-30%</span>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card Style Thirteen

                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 transform-variation-one rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img top-rounded-md">
                                                    <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/beauty-product/beauty-product-st-01.webp" alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-secondary">SALE</div>
                                                    </div>
                                                    <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                </div>
                                                <div class="rbt-card-body rbt-bg-color-white">
                                                    <div class="rbt-card-top-content">
                                                        <div class="rbt-color-select-area">
                                                            <ul class="rbt-switcher-color-list product-switcher-activation">
                                                                <li class="active"><a
                                                                        class="rbt-switcher--color tooltips"
                                                                        data-switcher-color="#e4d4fe"
                                                                        data-src="assets/images/product-img/beauty-product/beauty-product-st-01.webp"
                                                                        data-tooltip="light Pink"
                                                                        data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips"
                                                                        data-switcher-color="#d8e6c8"
                                                                        data-src="assets/images/product-img/beauty-product/beauty-product-st-02.webp"
                                                                        data-tooltip="light Green"
                                                                        data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips"
                                                                        data-switcher-color="#df571e"
                                                                        data-src="assets/images/product-img/beauty-product/beauty-product-st-03.webp"
                                                                        data-tooltip="Orange"
                                                                        data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips"
                                                                        data-switcher-color="#e48bfb"
                                                                        data-src="assets/images/product-img/beauty-product/beauty-product-st-04.webp"
                                                                        data-tooltip="Deep Pink"
                                                                        data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                                <li><a class="rbt-switcher--color tooltips"
                                                                        data-switcher-color="#cc999d"
                                                                        data-src="assets/images/product-img/beauty-product/beauty-product-st-05.webp"
                                                                        data-tooltip="Gray Pink"
                                                                        data-tooltip-position="top" href="#">
                                                                        <div class="rbt-color-circle"></div>
                                                                    </a></li>
                                                            </ul>
                                                            <a class="prd-link-text" href="#">+12 More Items</a>
                                                        </div>
                                                        <h6 class="rbt-card-title"><a href="#">Wilson Ultra Power XL 112 Tennis Racket</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(25)</p>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <span class="price-text">$23.00 – $33.00</span>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-footer d-block footer-content-btn">
                                                        <div class="prd-btn-grp">
                                                            <a class="rbt-btn rbt-btn-black rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block rbt-btn-transparent has-left-icon rbt-compare-btn-activation" href="#"><i class="fa-regular fa-file-plus-minus"></i>Add To Compare</a>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card Style Fourteen

                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 rounded--12 rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img top-rounded-md">
                                                    <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/fashion/product-new-sports-03-a-1.webp" alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-secondary">SALE</div>
                                                    </div>
                                                    <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                </div>
                                                <div class="rbt-card-body rbt-bg-color-white">
                                                    <div class="rbt-card-top-content">
                                                        <div class="rbt-product-switch-area">
                                                            <ul class="rbt-switcher-product-list product-switcher-activation">
                                                                <li class="active"><a
                                                                        class="rbt-switcher--prd rbt-switcher--prd-one"
                                                                        data-src="assets/images/product-img/fashion/product-new-sports-03-a-1.webp"
                                                                        href="#"><img
                                                                            src="assets/images/product-img/fashion/product-new-sports-03-a-1.webp"
                                                                            alt="Product Image"></a></li>
                                                                <li><a class="rbt-switcher--prd rbt-switcher--prd-two"
                                                                        data-src="assets/images/product-img/fashion/product-new-sports-03-a-2.webp"
                                                                        href="#"><img
                                                                            src="assets/images/product-img/fashion/product-new-sports-03-a-2.webp"
                                                                            alt="Product Image"></a></li>
                                                                <li><a class="rbt-switcher--prd rbt-switcher--prd-three"
                                                                        data-src="assets/images/product-img/fashion/product-new-sports-03-a-3.webp"
                                                                        href="#"><img
                                                                            src="assets/images/product-img/fashion/product-new-sports-03-a-3.webp"
                                                                            alt="Product Image"></a></li>
                                                                <li><a class="rbt-switcher--prd rbt-switcher--prd-four"
                                                                        data-src="assets/images/product-img/fashion/product-new-sports-03-a-4.webp"
                                                                        href="#"><img
                                                                            src="assets/images/product-img/fashion/product-new-sports-03-a-4.webp"
                                                                            alt="Product Image"></a></li>
                                                            </ul>
                                                            <a class="prd-link-text" href="#">+12 More</a>
                                                        </div>
                                                        <a href="#" class="rbt-card-subtitle rbt-card-catagories-text mt--12">Foundation</a>
                                                        <h6 class="rbt-card-title"><a href="#">Travel Size Shape Ultra Creamy</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(25)</p>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <del class="price-text">$295.00</del>
                                                            <span class="price-text">$179.98</span>
                                                            <span class="rbt-offer-badge">-30%</span>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-footer d-flex footer-content-btn">
                                                        <a class="rbt-btn rbt-btn-sm has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                        <div class="rbt-quick-btn-grp has-mixup-midlayer">
                                                            <button class="rbt-compare-btn rbt-quick-btn tooltips" data-tooltip="Add to Compare" data-tooltip-position="top" type="button"><i class="fa-regular fa-scale-balanced"></i></button>
                                                            <button class="rbt-watch-btn rbt-quick-btn tooltips top-right" data-tooltip="Quick View" data-tooltip-position="top" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal"><i class="fa-sharp fa-regular fa-eye"></i></button>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card Style Fifteen

                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2 rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img top-rounded-md">
                                                    <a href="#"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/fashion/sunglass-01.webp" alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-secondary"> SALE</div>
                                                    </div>
                                                    <button class="rbt-wishlisted-btn rbt-round-btn bg-light-one rbt-top-right--position tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                </div>
                                                <div class="rbt-card-body">
                                                    <h6 class="rbt-card-title"><a href="#">Bella HAY Side Table Oxd vdscH 60×39ст Awesome Sunglass</a></h6>
                                                    <div class="pricing-part">
                                                        <del class="price-text">$295.00</del>
                                                        <span class="price-text">$179.98</span>
                                                    </div>
                                                    <div class="rbt-color-select-area mt--8">
                                                        <ul class="rbt-switcher-color-list product-switcher-activation">
                                                            <li><a class="rbt-switcher--color tooltips"
                                                                    data-switcher-color="#202020"
                                                                    data-src="assets/images/product-img/fashion/sunglass-01.webp"
                                                                    data-tooltip="Black" data-tooltip-position="top"
                                                                    href="#">
                                                                    <div class="rbt-color-circle"></div>
                                                                </a></li>
                                                            <li><a class="rbt-switcher--color tooltips"
                                                                    data-switcher-color="#6a6071"
                                                                    data-src="assets/images/product-img/fashion/sunglass-02.webp"
                                                                    data-tooltip="Pink" data-tooltip-position="top"
                                                                    href="#">
                                                                    <div class="rbt-color-circle"></div>
                                                                </a></li>
                                                            <li><a class="rbt-switcher--color tooltips"
                                                                    data-switcher-color="#a09fa4"
                                                                    data-src="assets/images/product-img/fashion/sunglass-03.webp"
                                                                    data-tooltip="Dark" data-tooltip-position="top"
                                                                    href="#">
                                                                    <div class="rbt-color-circle"></div>
                                                                </a></li>
                                                            <li class="active"><a class="rbt-switcher--color tooltips"
                                                                    data-switcher-color="#e4d1a9"
                                                                    data-src="assets/images/product-img/fashion/sunglass-04.webp"
                                                                    data-tooltip="Gold" data-tooltip-position="top"
                                                                    href="#">
                                                                    <div class="rbt-color-circle"></div>
                                                                </a></li>
                                                        </ul>
                                                    </div>
                                                    <div class="rbt-card-footer d-block footer-content-btn">
                                                        <a class="rbt-btn rbt-btn-sm d-block has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card Style Sixteen

Apple
Travel Size Shape Ultra Creamy

(25)

$295.00 $179.98 -30%
                                            
                                                <div class="rbt-card rbt-product-card rbt-scroll-trigger fade_in animation-order-1">
                                                <div class="rbt-card-img top-rounded-md">
                                                    <a href="#!"><img class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img" src="assets/images/product-img/electronics/grid-product-01.webp" alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-secondary">SALE</div>
                                                    </div>
                                                    <div class="rbt-quick-btn-grp has-mixup-midlayer rbt-top-right--position hover-variation-one">
                                                        <button class="rbt-wishlisted-btn bg-light-one rbt-quick-btn tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                        <button class="rbt-compare-btn bg-light-one rbt-quick-btn tooltips" data-tooltip="Add to Compare" data-tooltip-position="left" type="button"><i class="fa-regular fa-scale-balanced"></i></button>
                                                        <button class="rbt-watch-btn bg-light-one rbt-quick-btn tooltips" data-tooltip="Quick View" data-tooltip-position="left" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal"><i class="fa-sharp fa-regular fa-eye"></i></button>
                                                    </div>
                                                    <a class="rbt-btn hover-appear-element bottom-position text-center rbt-btn-sm rbt-square-btn d-block has-left-icon rbt-cart-sidenav-activation" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                </div>
                                                <div class="rbt-card-body rbt-card-body-center-align">
                                                    <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Apple</a>
                                                    <h6 class="rbt-card-title"><a href="#!">Travel Size Shape Ultra Creamy</a></h6>
                                                    <div class="rbt-card-rating">
                                                        <ul class="rbt-rating-icon-list">
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                        </ul>
                                                        <p class="rating-digit">(25)</p>
                                                        <span class="icon"><i class="fa-sharp fa-solid fa-truck-fast"></i></span>
                                                    </div>
                                                    <div class="pricing-part">
                                                        <del class="price-text">$295.00</del>
                                                        <span class="price-text">$179.98</span>
                                                        <span class="rbt-offer-badge">-30%</span>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card Style Seventeen

Card Image
Hot
                                            
                                                <div class="rbt-card rbt-product-card rbt-product-card-style-2">
                                                <div class="rbt-card-img top-rounded-md rbt-bg-color-gray-light">
                                                    <a href="#"><img
                                                            class="rbt-scroll-trigger fade_in animation-order-1 rbt-prd-img"
                                                            src="assets/images/product-img/electronics/mobile-bg-01.webp"
                                                            alt="Card Image"></a>
                                                    <div class="rbt-badge-wrapper rbt-content-top-left">
                                                        <div class="rbt-product-badge rbt-product-badge-bg-danger">Hot
                                                        </div>
                                                    </div>
                                                    <div
                                                        class="rbt-quick-btn-grp has-mixup-midlayer rbt-top-right--position hover-variation-one">
                                                        <button class="rbt-wishlisted-btn bg-light-one rbt-quick-btn tooltips" type="button" data-tooltip="Add to wishlist" data-tooltip-position="left"><i class="fa-regular fa-heart"></i></button>
                                                        <button class="rbt-compare-btn bg-light-one rbt-quick-btn tooltips" data-tooltip="Add to Compare" data-tooltip-position="left" type="button"><i class="fa-regular fa-scale-balanced"></i></button>
                                                        <button class="rbt-watch-btn bg-light-one rbt-quick-btn tooltips" data-tooltip="Quick View" data-tooltip-position="left" type="button" data-bs-toggle="modal" data-bs-target="#quickviewModal"><i class="fa-sharp fa-regular fa-eye"></i></button>
                                                    </div>
                                                </div>
                                                <div
                                                    class="rbt-card-body rbt-card-body-center-align rbt-bg-color-gray-100">
                                                    <div class="rbt-card-top-content">
                                                        <a href="#" class="rbt-card-subtitle rbt-card-catagories-text">Oppo</a>
                                                        <h6 class="rbt-card-title"><a href="#">Travel Size Shape Ultra Creamy</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(25)</p>
                                                            <span class="icon"><i class="fa-sharp fa-solid fa-truck-fast"></i></span>
                                                        </div>
                                                        <div class="pricing-part">
                                                            <del class="price-text">$295.00</del>
                                                            <span class="price-text">$179.98</span>
                                                            <span class="rbt-offer-badge">-30%</span>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-footer d-block footer-content-btn">
                                                        <a class="rbt-btn rbt-btn-sm has-left-icon d-block" href="#"><i class="fa-regular fa-cart-shopping"></i> Add To Cart</a>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card with Call For Price

Card Image Card Image
NEW
Best Seller
Electronics & Gadgets
Ultra-Thin Modern Tech Quiet Noise Cancelling Laptop

(46)

90+ Sold Recently
Free shipping
7 Days Return Plicy
  • Brand : Sony Corporation Ltd
  • Resolution : 3840×2160
  • Release years : Jan 2022
  • Motherboard : Samsung ATX, ITX, microATX, Mini-ITX
                                            
                                                <div class="rbt-card rbt-product-card has-hover-box-shadow">
                                                <div class="inner rbt-scroll-trigger fade_in animation-order-2">
                                                    <div class="rbt-card-img rbt-has-hover-img rbt-bg-color-default">
                                                        <a href="#">
                                                            <img class="rbt-prd-img"
                                                                src="assets/images/product-img/electronics/electronics-bg-trans-10-a-1.webp"
                                                                alt="Card Image">
                                                            <img class="rbt-hover-img"
                                                                src="assets/images/product-img/electronics/electronics-bg-trans-10-a-1-hover.webp"
                                                                alt="Card Image">
                                                        </a>
                                                        <div class="rbt-badge-wrapper rbt-content-top-left">
                                                            <div
                                                                class="rbt-product-badge rbt-product-badge-bg-green border-rounded">
                                                                NEW</div>
                                                            <div
                                                                class="rbt-product-badge rbt-product-badge-bg-secondary-gradient border-rounded">
                                                                Best Seller</div>
                                                        </div>
                                                        <div
                                                            class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                            <button class="rbt-search-btn rbt-quick-btn tooltips"
                                                                type="button" data-bs-toggle="modal"
                                                                data-bs-target="#quickviewModal"
                                                                data-tooltip="Quick View"
                                                                data-tooltip-position="left"><i
                                                                    class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                            <button class="rbt-wishlisted-btn rbt-quick-btn tooltips"
                                                                type="button" data-bs-toggle="modal"
                                                                data-bs-target="#wishlistModal"
                                                                data-tooltip="Add to wishlist"
                                                                data-tooltip-position="left"><i
                                                                    class="fa-regular fa-heart"></i></button>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-body">
                                                        <a href="#"
                                                            class="rbt-card-subtitle rbt-card-catagories-text">Electronics
                                                            & Gadgets</a>
                                                        <h6 class="rbt-card-title"><a
                                                                href="#">Ultra-Thin Modern
                                                                Tech
                                                                Quiet Noise Cancelling Laptop</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(46)</p>
                                                            <div class="rbt-text-swiper-container rbt-arrow-vertical">
                                                                <div class="swiper-wrapper">
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span
                                                                                class="icon mr--4"><i
                                                                                    class="fa-solid fa-bag-shopping"></i></span>
                                                                            90+ Sold Recently
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span
                                                                                class="icon mr--4"><i
                                                                                    class="fa-solid fa-truck"></i></span>
                                                                            Free shipping
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span
                                                                                class="icon mr--4"><i
                                                                                    class="fa-solid fa-rotate-left"></i></span>
                                                                            7 Days Return Plicy
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-verticle-arrow rbt-arrow-prev">
                                                                    <i class="fa-regular fa-chevron-up"></i>
                                                                </div>
                                                                <div class="rbt-verticle-arrow rbt-arrow-next">
                                                                    <i class="fa-regular fa-chevron-down"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                            
                                                        <div class="prd-btn-grp">
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon"
                                                                href="#!" data-bs-toggle="modal"
                                                                data-bs-target="#makecallModal"><i
                                                                    class="fa-regular fa-phone"></i> Call for prices</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="prd-details-area rbt-has-show-more">
                                                    <div class="wrapper rbt-has-show-more-inner-content">
                                                        <ul class="product-details-list">
                                                            <li>
                                                                <span class="rbt-bold--text">Brand :</span>
                                                                <span class="text">Sony Corporation Ltd</span>
                                                            </li>
                                                            <li>
                                                                <span class="rbt-bold--text">Resolution :</span>
                                                                <span class="text">3840×2160</span>
                                                            </li>
                                                            <li>
                                                                <span class="rbt-bold--text">Release years :</span>
                                                                <span class="text"> Jan 2022</span>
                                                            </li>
                                                            <li>
                                                                <span class="rbt-bold--text">Motherboard :</span>
                                                                <span class="text"> Samsung</span>
                                                                <span class="text d-block"> ATX, ITX, microATX,
                                                                    Mini-ITX</span>
                                                            </li>
                                                        </ul>
                                                        <ul class="product-details-list shipment-details-list">
                                                            <li>
                                                                <span class="icon"><i
                                                                        class="fa-sharp fa-regular fa-truck"></i></span>
                                                                <div class="right-content">
                                                                    <span class="rbt-bold--text">Ships :</span>
                                                                    <span class="text">2–3 weeks Free Shipping</span>
                                                                    <br>
                                                                    <a href="#"
                                                                        class="shipment-quick-link rbt-btn-link">Get
                                                                        delivery dates</a>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <span class="icon"><i
                                                                        class="fa-regular fa-bag-shopping"></i></span>
                                                                <div class="right-content">
                                                                    <span class="rbt-bold--text">Pickup :</span>
                                                                    <a href="#"
                                                                        class="shipment-quick-link rbt-btn-link">Check
                                                                        Availability</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="rbt-show-more-btn-area">
                                                        <button class="rbt-show-more-btn">Show More</button>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Card with Login/Registration

Card Image Card Image
NEW
Best Seller
  • Brand : Sony Corporation Ltd
  • Resolution : 3840×2160
  • Release years : Jan 2022
  • Motherboard : Samsung ATX, ITX, microATX, Mini-ITX
                                            
                                                <div class="rbt-card rbt-product-card has-hover-box-shadow">
                                                <div class="inner rbt-scroll-trigger fade_in animation-order-2">
                                                    <div class="rbt-card-img rbt-has-hover-img rbt-bg-color-default">
                                                        <a href="#">
                                                            <img class="rbt-prd-img"
                                                                src="assets/images/product-img/electronics/electronics-bg-trans-05-a-1.webp"
                                                                alt="Card Image">
                                                            <img class="rbt-hover-img"
                                                                src="assets/images/product-img/electronics/electronics-bg-trans-05-a-1-hover.webp"
                                                                alt="Card Image">
                                                        </a>
                                                        <div class="rbt-badge-wrapper rbt-content-top-left">
                                                            <div
                                                                class="rbt-product-badge rbt-product-badge-bg-green border-rounded">
                                                                NEW</div>
                                                            <div
                                                                class="rbt-product-badge rbt-product-badge-bg-secondary-gradient border-rounded">
                                                                Best Seller</div>
                                                        </div>
                                                        <div
                                                            class="rbt-quick-btn-grp has-mixup-midlayer bottom-right--position">
                                                            <button class="rbt-search-btn rbt-quick-btn tooltips"
                                                                type="button" data-bs-toggle="modal"
                                                                data-bs-target="#quickviewModal"
                                                                data-tooltip="Quick View"
                                                                data-tooltip-position="left"><i
                                                                    class="fa-regular fa-magnifying-glass-plus"></i></button>
                                                            <button class="rbt-wishlisted-btn rbt-quick-btn tooltips"
                                                                type="button" data-bs-toggle="modal"
                                                                data-bs-target="#wishlistModal"
                                                                data-tooltip="Add to wishlist"
                                                                data-tooltip-position="left"><i
                                                                    class="fa-regular fa-heart"></i></button>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-card-body">
                                                        <a href="#"
                                                            class="rbt-card-subtitle rbt-card-catagories-text">Electronics
                                                            & Gadgets</a>
                                                        <h6 class="rbt-card-title"><a
                                                                href="#">Ultra-Thin Modern
                                                                Tech
                                                                Quiet Noise Cancelling Laptop</a></h6>
                                                        <div class="rbt-card-rating">
                                                            <ul class="rbt-rating-icon-list">
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                            </ul>
                                                            <p class="rating-digit">(46)</p>
                                                            <div class="rbt-text-swiper-container rbt-arrow-vertical">
                                                                <div class="swiper-wrapper">
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span
                                                                                class="icon mr--4"><i
                                                                                    class="fa-solid fa-bag-shopping"></i></span>
                                                                            90+ Sold Recently
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span
                                                                                class="icon mr--4"><i
                                                                                    class="fa-solid fa-truck"></i></span>
                                                                            Free shipping
                                                                        </div>
                                                                    </div>
                                                                    <div class="swiper-slide">
                                                                        <div class="rbt-text-group"> <span
                                                                                class="icon mr--4"><i
                                                                                    class="fa-solid fa-rotate-left"></i></span>
                                                                            7 Days Return Plicy
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <div class="rbt-verticle-arrow rbt-arrow-prev">
                                                                    <i class="fa-regular fa-chevron-up"></i>
                                                                </div>
                                                                <div class="rbt-verticle-arrow rbt-arrow-next">
                                                                    <i class="fa-regular fa-chevron-down"></i>
                                                                </div>
                                                            </div>
                                                        </div>
                                            
                                                        <div class="prd-btn-grp">
                                                            <a class="rbt-btn rbt-btn-border rbt-btn-sm rbt-square-btn d-block has-left-icon"
                                                                href="#!" data-bs-toggle="modal"
                                                                data-bs-target="#signinModal"><i
                                                                    class="fa-regular fa-user"></i>
                                                                Login/Registration</a>
                                                        </div>
                                                    </div>
                                                </div>
                                                <div class="prd-details-area rbt-has-show-more">
                                                    <div class="wrapper rbt-has-show-more-inner-content">
                                                        <ul class="product-details-list">
                                                            <li>
                                                                <span class="rbt-bold--text">Brand :</span>
                                                                <span class="text">Sony Corporation Ltd</span>
                                                            </li>
                                                            <li>
                                                                <span class="rbt-bold--text">Resolution :</span>
                                                                <span class="text">3840×2160</span>
                                                            </li>
                                                            <li>
                                                                <span class="rbt-bold--text">Release years :</span>
                                                                <span class="text"> Jan 2022</span>
                                                            </li>
                                                            <li>
                                                                <span class="rbt-bold--text">Motherboard :</span>
                                                                <span class="text"> Samsung</span>
                                                                <span class="text d-block"> ATX, ITX, microATX,
                                                                    Mini-ITX</span>
                                                            </li>
                                                        </ul>
                                                        <ul class="product-details-list shipment-details-list">
                                                            <li>
                                                                <span class="icon"><i
                                                                        class="fa-sharp fa-regular fa-truck"></i></span>
                                                                <div class="right-content">
                                                                    <span class="rbt-bold--text">Ships :</span>
                                                                    <span class="text">2–3 weeks Free Shipping</span>
                                                                    <br>
                                                                    <a href="#"
                                                                        class="shipment-quick-link rbt-btn-link">Get
                                                                        delivery dates</a>
                                                                </div>
                                                            </li>
                                                            <li>
                                                                <span class="icon"><i
                                                                        class="fa-regular fa-bag-shopping"></i></span>
                                                                <div class="right-content">
                                                                    <span class="rbt-bold--text">Pickup :</span>
                                                                    <a href="#"
                                                                        class="shipment-quick-link rbt-btn-link">Check
                                                                        Availability</a>
                                                                </div>
                                                            </li>
                                                        </ul>
                                                    </div>
                                                    <div class="rbt-show-more-btn-area">
                                                        <button class="rbt-show-more-btn">Show More</button>
                                                    </div>
                                                </div>
                                            </div>
                                            
                                        

Product Card List

                                            
                                                <div class="rbt-list-product-container d-flex flex-column rbt-gap--24">
                                                <div class="rbt-single-element d-flex align-items-center">
                                                    <div class="rbt-card rbt-product-card rbt-list-view-variation rbt-list-view-sm rbt-prd-sing-add-card">
                                                        <div class="inner">
                                                            <div class="rbt-card-img rbt-bg-color-default">
                                                                <a href="#"><img src="assets/images/product-single/ear-add-prd/eadd-prd-1.webp" alt="Card Image"></a>
                                                            </div>
                                                            <div class="rbt-card-body d-flex rbt-gap--8 align-items-center">
                                                                <div class="left-part">
                                                                    <a href="#" class="rbt-card-subtitle b4 rbt-card-catagories-text mt--0">
                                                                        <i class="fa-regular fa-shop mr--4 rbt-rated-icon"></i>
                                                                        Snacks
                                                                    </a>
                                                                    <h6 class="rbt-card-title"><a href="#">Fresh Full Cream Milk Powder 1kg</a></h6>
                                                                </div>
                                                                <div class="right-part">
                                                                    <div class="rbt-card-rating">
                                                                        <ul class="rbt-rating-icon-list">
                                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                            <li><i class="fa-solid fa-star rbt-rated-icon"></i></li>
                                                                            <li><i class="fa-solid fa-star"></i></li>
                                                                            <li><i class="fa-solid fa-star"></i></li>
                                                                        </ul>
                                                                        <p class="rating-digit">(46)</p>
                                                                    </div>
                                                                    <div class="pricing-part">
                                                                        <del class="price-text">$116.34</del>
                                                                        <span class="price-text">$69.78</span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="rbt-create-new-btn">
                                                        <button class="rbt-btn rbt-btn-xs text-nowrap" data-bs-toggle="modal" data-bs-target="#quickviewModal">ADD <i class="fa-solid fa-plus ml--4"></i></button>
                                                    </div>
                                                </div>
                                                ...
                                            </div>