<div class="ProductGroup-item">
    <div class="Product js-hoverProduct Product--hover">
        <div class="Product-inner">
            <a href="" class="Product-link">
                <img class="Product-thumbnail" src="images/example-images/product-2.jpg">
                                <div class="Product-wrapPercentage">
                    <div class="Percentage">20%</div>
                </div>
                            </a>
            <div class="Product-text">
                <div class="Product-manufacturer">Apple</div>
                <h3 class="Product-title"><a href="">WayteQ xTAB-700qci</a></h3>
                <div class="Product-prices">
                    <div class="Product-priceItem">Redna cena izdelka <span class="Product-priceAmount Product-priceAmount--oldPrice">58,90€</span></div>
                    <div class="Product-priceItem">Naročniki <span class="Product-priceAmount Product-priceAmount--sale"><span itemprop="price" content="48.00">48,00</span><span itemprop="priceCurrency" content="EUR">€</span></span></div>
                </div>
            </div>
            <div class="Product-actions">
                <div class="Product-wrapShopButton">
                    <a class="ShopButton ShopButton--alt" href="">
                        <span class="ShopButton-icon"><i class="fa fa-search"></i></span>
                        Pregledaj
                    </a>
                </div>
                <div class="Product-wrapShopButton Product-wrapShopButton--top">
                    <a class="ShopButton" href="">
                        <span class="ShopButton-icon"><i class="fa fa-heart"></i></span>
                        Dodaj na listo želja!
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>