<c:forEach items="${list}" var="product">
                    <div class="items">
                        <img src="img/square.png" alt="product">
                        <a class="button" href="#popup${product.id}">${product.name}</a>
                        <div id="popup${product.id}" class="overlay">
                            <div class="popup">
                                <a class="close" href="#">&times;</a>
                                <div class="content">
                                    <a>${product.name}</a>
                                    <b>${product.price} руб.</b>
                                    <c class="add-to-cart" href="#" data-img="img/square.png"
                                       data-name="${product.name}"
                                       data-price="${product.price}">В корзину
                                    </c>
                                    <img src="img/square.png" alt="product">
                                </div>
                            </div>
                        </div>
                    </div>
                </c:forEach>