<link rel="stylesheet" href="{{ url_for('static', filename='css/products.css') }}">

<div class="product-container">
    {% if products != None %}
        {% for product in products %}
            <a href="/products/{{product.id}}" class="product product-link">
                <div class="product-title">{{product.name}}</div>
                <div class="product-content-container">
                        <img class="product-image-preview" src="{{url_for('static', filename='assets/img/products/' + product.image)}}" alt="Brake Disks" />

                    <div class="product-details">
                        <div class="product-price">£{{product.cost}}</div>
                        <div class="product-description hide-overflow ">{{product.description}}</div>
                    </div>
                </div>
                <input type="submit" class="product-add-to-cart" value="Add to Cart" />
            </a>
        {% endfor %}
    {% endif %}
</div>