<section class="ds-example example-reviews">
    <div class="html">
        {% for i in 1..2 %}
            <div class="product-review">
                <header class="product-review-header">
                    <div>
                        <span class="review-author">Martin</span>
                        <span class="review-date">le 15/04/2019</span>
                    </div>

                    <div class="review-rating-wrapper">
                        <div class="review-rating">
                            <div data-rating="4" data-max-rating="5">
                                <div>
                                    <span data-rating-value="1"><i class="fas fa-star"></i></span>
                                    <span data-rating-value="2"><i class="fas fa-star"></i></span>
                                    <span data-rating-value="3"><i class="fas fa-star"></i></span>
                                    <span data-rating-value="4"><i class="fas fa-star"></i></span>
                                    <span data-rating-value="5"><i class="fas fa-star"></i></span>
                                </div>
                            </div>
                        </div>
                        <div class="review-date-order">Commande du 21/03/2019</div>
                    </div>
                </header>

                <strong class="review-title">Parfait pour débuter !</strong>
                <div class="review-content">
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc maximus, nulla ut commodo sagittis, sapien dui mattis dui, non pulvinar lorem felis nec erat</p>
                </div>
            </div>
        {% endfor %}
    </div>
    <pre>
        <code>&lt;div class="product-review">
    &lt;header class="product-review-header">
        &lt;div>
            &lt;span class="review-author">...&lt;/span>
            &lt;span class="review-date">...&lt;/span>
        &lt;/div>

        &lt;div class="review-rating-wrapper">
            &lt;div class="review-rating">
                &lt;div data-rating="4" data-max-rating="5" style="pointer-events: none;">&lt;/div>
            &lt;/div>
            &lt;div class="review-date-order">...&lt;/div>
        &lt;/div>
    &lt;/header>

    &lt;strong class="review-title">...&lt;/strong>
    &lt;div class="review-content">
        &lt;p>...&lt;/p>
    &lt;/div>
&lt;/div></code>
    </pre>
</section>
