ok

Mini Shell

Direktori : /home2/selectio/www/thecomponents.in/ajax/
Upload File :
Current File : /home2/selectio/www/thecomponents.in/ajax/ajax-products-demo18.html

<div class="col-md-4 col-6 mb-4">
    <div class="product">
        <figure class="product-media">
            <a href="demo18-product.html">
                <img src="images/demos/demo18/products/13.html" alt="product" width="300" height="338">
                <img src="images/demos/demo18/products/13-1.html" class="product-hover-image" alt="product" width="300"
                    height="338" />
            </a>
            <div class="product-label-group">
                <label class="product-label label-new">new</label>
            </div>
            <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal"
                    title="Add to cart"><i class="d-icon-bag"></i></a>
            </div>
            <div class="product-action">
                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
            </div>
        </figure>
        <div class="product-details"><a href="#" class="btn-wishlist" title="Add to wishlist"><i
                    class="d-icon-heart"></i></a>
            <h3 class="product-name">
                <a href="demo18-product.html">Blutooth Keyboard</a>
            </h3>
            <div class="product-price">
                <ins class="new-price">$199.00</ins><del class="old-price">$210.00</del>
            </div>
        </div>
    </div>
</div>
<div class="col-md-4 col-6 mb-4">
    <div class="product">
        <figure class="product-media">
            <a href="demo18-product.html">
                <img src="images/demos/demo18/products/14.html" alt="product" width="300" height="338">
                <img src="images/demos/demo18/products/14-1.html" class="product-hover-image" alt="product" width="300"
                    height="338" />
            </a>
            <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal"
                    title="Add to cart"><i class="d-icon-bag"></i></a>
            </div>
            <div class="product-action">
                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
            </div>
        </figure>
        <div class="product-details"><a href="#" class="btn-wishlist" title="Add to wishlist"><i
                    class="d-icon-heart"></i></a>
            <h3 class="product-name">
                <a href="demo18-product.html">Casual Women's Handbag</a>
            </h3>
            <div class="product-price">
                <span class="price">$35.00</span>
            </div>
        </div>
    </div>
</div>
<div class="col-md-4 col-6 mb-4">
    <div class="product">
        <figure class="product-media">
            <a href="demo18-product.html">
                <img src="images/demos/demo18/products/15.html" alt="product" width="300" height="338">
                <img src="images/demos/demo18/products/15-1.html" class="product-hover-image" alt="product" width="300"
                    height="338" />
            </a>

            <div class="product-label-group">
                <label class="product-label label-sale">27% off</label>
            </div>
            <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal"
                    title="Add to cart"><i class="d-icon-bag"></i></a>
            </div>
            <div class="product-action">
                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
            </div>
        </figure>
        <div class="product-details"><a href="#" class="btn-wishlist" title="Add to wishlist"><i
                    class="d-icon-heart"></i></a>
            <h3 class="product-name">
                <a href="demo18-product.html">Classic Watch</a>
            </h3>
            <div class="product-price">
                <span class="price">$19.00</span>
            </div>
        </div>
    </div>
</div>
<div class="col-md-4 col-6 mb-4">
    <div class="product">
        <figure class="product-media">
            <a href="demo18-product.html">
                <img src="images/demos/demo18/products/16.html" alt="product" width="300" height="338">
                <img src="images/demos/demo18/products/16-1.html" class="product-hover-image" alt="product" width="300"
                    height="338" />
            </a>
            <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal"
                    title="Add to cart"><i class="d-icon-bag"></i></a>
            </div>
            <div class="product-action">
                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
            </div>
        </figure>
        <div class="product-details"><a href="#" class="btn-wishlist" title="Add to wishlist"><i
                    class="d-icon-heart"></i></a>
            <h3 class="product-name">
                <a href="demo18-product.html">Comfort Carrier</a>
            </h3>
            <div class="product-price">
                <ins class="new-price">$98.00</ins><del class="old-price">$210.00</del>
            </div>
        </div>
    </div>
</div>
<div class="col-md-4 col-6 mb-4">
    <div class="product">
        <figure class="product-media">
            <a href="demo18-product.html">
                <img src="images/demos/demo18/products/17.html" alt="product" width="300" height="338">
                <img src="images/demos/demo18/products/17-1.html" class="product-hover-image" alt="product" width="300"
                    height="338" />
            </a>
            <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal"
                    title="Add to cart"><i class="d-icon-bag"></i></a>
            </div>
            <div class="product-action">
                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
            </div>
        </figure>
        <div class="product-details"><a href="#" class="btn-wishlist" title="Add to wishlist"><i
                    class="d-icon-heart"></i></a>
            <h3 class="product-name">
                <a href="demo18-product.html">Converse Blue Training Shoes</a>
            </h3>
            <div class="product-price">
                <ins class="new-price">$98.00</ins><del class="old-price">$210.00</del>
            </div>
        </div>
    </div>
</div>
<div class="col-md-4 col-6 mb-4">
    <div class="product">
        <figure class="product-media">
            <a href="demo18-product.html">
                <img src="images/demos/demo18/products/18.html" alt="product" width="300" height="338">
                <img src="images/demos/demo18/products/18-1.html" class="product-hover-image" alt="product" width="300"
                    height="338" />
            </a>
            <div class="product-action-vertical">
                <a href="#" class="btn-product-icon btn-cart" data-toggle="modal" data-target="#addCartModal"
                    title="Add to cart"><i class="d-icon-bag"></i></a>
            </div>
            <div class="product-action">
                <a href="#" class="btn-product btn-quickview" title="Quick View">Quick View</a>
            </div>
        </figure>
        <div class="product-details"><a href="#" class="btn-wishlist" title="Add to wishlist"><i
                    class="d-icon-heart"></i></a>
            <h3 class="product-name">
                <a href="demo18-product.html">Fashion Dark Sage Belt</a>
            </h3>
            <div class="product-price">
                <ins class="new-price">$98.00</ins><del class="old-price">$210.00</del>
            </div>
        </div>
    </div>
</div>

Zerion Mini Shell 1.0